/* AI视觉升级、立体场景与轻量降级。一秒互联公司 www.yimiaonet.com */
:root{--primary:#5264e8;--primary-hover:#4052d4;--ink:#1c2c49;--line:#e5eaf4;--background:#f2f5fb;--radius:12px}
.ai-login{position:fixed;inset:0;z-index:60;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(420px,1fr);height:100dvh;min-height:0;overflow-y:auto;overflow-x:hidden;background:#070d1e;color:#edf4ff;isolation:isolate}
.ai-login::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 27% 52%,#263ca530,transparent 45%),radial-gradient(ellipse at 8% 5%,#176c8d20,transparent 38%),radial-gradient(ellipse at 99% 90%,#5b319a19,transparent 34%);z-index:-1}
.ai-login .login-brand{display:flex;flex-direction:column;position:relative;min-width:0;min-height:760px;padding:35px 52px 30px;background:transparent;overflow:visible;justify-content:initial}
.ai-login .login-brand::before{content:"";position:absolute;inset:0;width:auto;height:auto;border:0;border-radius:0;z-index:-1;background-image:linear-gradient(#779cdd06 1px,transparent 1px),linear-gradient(90deg,#779cdd06 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(black,transparent 90%)}
.ai-login .login-brand::after{content:none}
.ai-login .brand-lockup{display:flex;align-items:center;gap:12px;color:#e7efff;position:relative;z-index:2}
.ai-login .brand-lockup b{font-size:17px;letter-spacing:.7px;font-weight:600}
.ai-login .brand-mark{width:38px;height:38px;border-radius:11px;background:linear-gradient(140deg,#537dff,#7362ee);border:1px solid #a7c3ff50;box-shadow:0 0 24px #5a67ff40,inset 0 1px 0 #fff4}
.ai-login .brand-mark .icon{width:23px;height:23px}
.ai-brand-caption{font-size:10px;color:#91a5cd;letter-spacing:2px;margin-top:2px;display:block}
.ai-login .login-intro{position:relative;z-index:2;margin:46px 0 0;padding:0;max-width:600px}
.ai-login .overline{display:inline-flex;gap:8px;align-items:center;font-size:11px;letter-spacing:2px;color:#a9bdec;background:#5473c312;border:1px solid #9eb8ef21;border-radius:20px;padding:6px 13px;margin-bottom:19px}
.ai-login .overline i{height:5px;width:5px;border-radius:50%;background:#79dbeb;box-shadow:0 0 10px #55e0ff9e}
.ai-login .login-intro h1{font-size:clamp(32px,3.2vw,50px);font-weight:600;line-height:1.34;letter-spacing:1px;color:#f1f6ff;margin:0}
.ai-login .login-intro h1 span{background:linear-gradient(100deg,#9cdaff 5%,#b3a5ff 95%);color:transparent;background-clip:text}
.ai-login .login-intro>p{font-size:13px;line-height:1.9;color:#98aaca;margin-top:17px;max-width:430px}
.ai-stage{position:relative;flex:1;min-height:318px;max-height:440px;width:100%;margin:0 auto;isolation:isolate}
.ai-scene{position:absolute;inset:0 -30px;overflow:hidden;touch-action:pan-y;outline:none}
.ai-scene canvas{position:absolute;inset:0;display:block;width:100%;height:100%;opacity:0;transition:opacity .65s ease}
.ai-scene[data-renderer="webgl"] canvas{opacity:1}
.ai-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;perspective:850px;transition:opacity .5s;pointer-events:none}
.ai-scene[data-renderer="webgl"] .ai-fallback{opacity:0;visibility:hidden}
.fallback-aura{position:absolute;width:280px;height:280px;border-radius:50%;background:radial-gradient(#485cd530,#4577e812 45%,transparent 70%)}
.fallback-orbit{position:absolute;width:270px;height:270px;border-radius:50%;border:1px solid #8ea1f173;box-shadow:0 0 12px #4e74ff22;transform:rotateX(64deg) rotateZ(-28deg);animation:orbit-float 10s ease-in-out infinite}
.fallback-orbit.second{transform:rotateY(62deg) rotateZ(22deg);border-color:#84d7ed66;animation-direction:reverse}
.fallback-orbit.third{transform:rotateX(55deg) rotateY(60deg) rotateZ(52deg);border-color:#a08bff55;animation:none}
.fallback-cube{width:100px;height:100px;position:relative;transform-style:preserve-3d;transform:rotateX(-12deg) rotateY(24deg);animation:core-float 6s ease-in-out infinite}
.fallback-cube>span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border-radius:15px;border:1px solid #92c9ff99;background:linear-gradient(140deg,#4774cb,#202b65);box-shadow:inset 0 0 30px #8b9dff66,0 0 30px #476df333;color:#e8f8ff;font:600 50px Arial,sans-serif;text-shadow:0 0 18px #7de0ff66}
.fallback-cube .front{transform:translateZ(38px)}
.fallback-cube .back{transform:rotateY(180deg) translateZ(38px)}
.fallback-cube .right{width:76px;transform:rotateY(90deg) translateZ(62px)}
.fallback-cube .left{width:76px;transform:rotateY(-90deg) translateZ(38px)}
.fallback-cube .top{height:76px;transform:rotateX(90deg) translateZ(38px)}
.fallback-cube .bottom{height:76px;transform:rotateX(-90deg) translateZ(62px)}
.ai-node{position:absolute;z-index:2;display:flex;align-items:center;gap:9px;padding:10px 13px;background:linear-gradient(125deg,#162b49c9,#192038b8);border:1px solid #8eaeed26;box-shadow:0 8px 24px #01061322;border-radius:10px;backdrop-filter:blur(12px);color:#c1d1ed;font-size:11px;pointer-events:none;white-space:nowrap}
.ai-node .icon{width:16px;height:16px;color:#8cbfff}
.ai-node::after{content:"";position:absolute;width:32px;height:1px;background:linear-gradient(90deg,#7ca7e544,transparent);top:50%;left:100%;transform:rotate(18deg);transform-origin:left}
.ai-node-document{left:3%;top:21%}
.ai-node-template{right:1%;top:32%;color:#c8c2f3}
.ai-node-template .icon{color:#b7a9ff}
.ai-node-template::after,.ai-node-archive::after{left:auto;right:100%;transform:rotate(165deg)}
.ai-node-archive{right:10%;bottom:19%}
.ai-node-archive .icon{color:#8cdbda}
.ai-scene-caption{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;color:#8b9fca;letter-spacing:1px;pointer-events:none}
.ai-scene-caption i{width:5px;height:5px;border-radius:50%;background:#8f9df3;box-shadow:0 0 12px #818dff}
.ai-hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #a8bfff18;padding-top:21px;margin-top:24px;position:relative;z-index:2}
.ai-process{display:flex;gap:22px;align-items:center}
.ai-process span{font-size:11px;color:#a4b4d2;white-space:nowrap}
.ai-process b{font-size:10px;color:#6c88b7;font-weight:400;display:block;margin-bottom:4px;letter-spacing:1px}
.motion-control{display:flex;align-items:center;justify-content:center;gap:7px;padding:7px 10px;min-height:40px;border:1px solid #c0d3ff20;border-radius:8px;color:#a5b6d7;font-size:10px;background:#ffffff04;white-space:nowrap}
.motion-control:hover:not(:disabled){color:#e8eeff;background:#b6c8ff12;border-color:#b8ceff46}
.motion-control svg{width:13px;height:13px;fill:currentColor}
.ai-login .login-form-area{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:56px 40px 68px;border-left:1px solid #c2d4ff10;background:linear-gradient(150deg,#a8bfff05,transparent 60%);min-height:760px}
.ai-login .login-form-area::before{content:"";position:absolute;left:15%;right:10%;top:25%;height:360px;border-radius:50%;background:radial-gradient(#5f63e014,transparent 70%);pointer-events:none}
.ai-login .login-form{width:100%;max-width:410px;position:relative;padding:34px 32px 28px;border:1px solid #bacfff24;border-radius:20px;background:linear-gradient(145deg,#19273dba,#131d32d1);box-shadow:0 30px 85px #0003,inset 0 1px 0 #e2eaff0a;backdrop-filter:blur(20px)}
.login-form-emblem{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:14px;color:#b9c8ff;background:linear-gradient(145deg,#687af733,#7274c411);border:1px solid #acbeff33;margin-bottom:24px;box-shadow:0 6px 18px #0000000d}
.login-form-emblem .icon{width:24px;height:24px}
.ai-login .login-form .eyebrow{font-size:10px;color:#92a5d0;letter-spacing:2px;margin-bottom:9px}
.ai-login .login-form h2{font-size:28px;line-height:1.4;font-weight:600;color:#f0f5ff;letter-spacing:1px}
.ai-login .login-form>p{font-size:12px;line-height:1.8;color:#96a8c8;margin-top:9px;margin-bottom:31px}
.ai-login .login-form .form-field{margin:0 0 22px}
.ai-login .login-form label{font-size:12px;color:#becbe3;font-weight:400;margin-bottom:10px;display:block}
.login-input{position:relative}
.login-input>.icon{position:absolute;left:15px;top:17px;width:17px;height:17px;color:#768bac;pointer-events:none}
.ai-login .login-form input{width:100%;height:52px;border:1px solid #9ab6ed26;border-radius:10px;padding:0 14px 0 44px;color:#eaf1ff;background:#09152b91;outline:none;font-size:13px;box-shadow:inset 0 2px 4px #04091b0a}
.ai-login .login-form input::placeholder{color:#7e91b2}
.ai-login .login-form input:focus{border-color:#8c9cff;box-shadow:0 0 0 3px #7a8bfa1a;background:#0b1830}
.ai-login .login-form input:autofill{-webkit-text-fill-color:#eaf1ff;box-shadow:0 0 0 1000px #15223b inset;caret-color:#eaf1ff}
.ai-login .login-submit{width:100%;height:51px;min-height:51px;border-radius:10px;margin-top:4px;border:1px solid #a8a3ff4d;background:linear-gradient(105deg,#576dee,#7760de);box-shadow:0 7px 24px #5c58e52b,inset 0 1px 0 #fff2;color:white;font-size:13px;font-weight:500;letter-spacing:1px;position:relative;overflow:hidden;transition:box-shadow .2s,filter .2s}
.ai-login .login-submit:hover:not(:disabled){background:linear-gradient(105deg,#647bfa,#856ce9);border-color:#b6b1ff78;box-shadow:0 8px 30px #6661f53b}
.ai-login .login-submit:disabled{opacity:.78;color:#f1f1ff}
.login-submit>.icon{width:17px;height:17px;margin-left:auto}
.login-submit>span:not(.login-button-spinner){flex:1}
.login-button-spinner{width:16px;height:16px;border-radius:50%;border:1.5px solid #ffffff40;border-top-color:white;animation:spin .8s linear infinite;flex:none}
.login-status{display:flex;justify-content:center;align-items:center;gap:7px;min-height:38px;font-size:10px;letter-spacing:.3px;color:#8fa3c8;margin-top:11px;text-align:center}
.login-status>i{width:5px;height:5px;background:#7fd0d3;border-radius:50%;box-shadow:0 0 10px #8bd8ed4a;flex:none}
.is-loading .login-status{color:#becbff}
.is-loading .login-status>i{background:#b6a6ff;box-shadow:0 0 12px #a098ff}
.ai-login .login-error{color:#ffbbce;background:#cc598d10;border:1px solid #ec8ba631;padding:10px 12px;border-radius:8px;font-size:12px;line-height:1.7;margin:0 0 14px;display:flex;align-items:flex-start;gap:7px}
.login-error .icon{width:15px;height:15px;margin-top:3px}
.ai-login .login-help{margin-top:16px;padding-top:18px;border-top:1px solid #bcd2ff15;font-size:10px;color:#90a1c0;text-align:center;line-height:1.8}
.login-security-note{display:flex;align-items:center;gap:6px;justify-content:center;color:#8497bb;font-size:10px;margin-top:25px}
.login-security-note .icon{width:13px;height:13px}
.ai-login .support-footer{position:absolute;bottom:24px;left:15px;right:15px;text-align:center;color:#8495b4;font-size:10px;line-height:1.8;letter-spacing:.1px}
.ai-login .support-footer a{color:#adbce0;margin-left:4px}
.ai-login .support-footer a:hover{color:#c8ddff}
.ai-login.is-leaving{pointer-events:none;animation:ai-login-exit .52s ease both}
.ai-login.is-leaving .login-form{animation:ai-form-exit .52s ease both}
.ai-login .login-intro,.ai-login .login-form{animation:ai-entrance .7s cubic-bezier(.2,.7,.2,1) both}
.ai-login .login-form{animation-delay:.08s}
.ai-session-loading{position:fixed;inset:0;background:radial-gradient(ellipse at center,#18284b,#070d1e 75%);color:#b4c6ed;display:flex;flex-direction:column;gap:26px;align-items:center;justify-content:center;font-size:12px;letter-spacing:1px;z-index:50}
.session-ai-symbol{position:relative;width:74px;height:74px;display:grid;place-items:center;perspective:400px}
.session-ai-symbol b{width:50px;height:50px;display:grid;place-items:center;border-radius:12px;color:#e0f2ff;font:600 22px Arial;background:linear-gradient(135deg,#4f77d9,#4c408c);border:1px solid #a5bcff77;box-shadow:0 0 25px #7369ff33;transform:rotateY(-24deg) rotateX(15deg)}
.session-ai-symbol::before,.session-ai-symbol::after{content:"";position:absolute;inset:-12px;border:1px solid #91afff88;border-radius:50%;transform:rotateX(64deg) rotateZ(25deg);animation:session-orbit 3s linear infinite}
.session-ai-symbol::after{transform:rotateY(64deg) rotateZ(-25deg);animation-direction:reverse;border-color:#7be3f466}
.ai-session-loading>a{position:absolute;bottom:28px;color:#8b9cc0;font-size:10px}

/* 办公区保持清晰的信息层次。一秒互联公司 www.yimiaonet.com */
.ai-workspace .sidebar{background:radial-gradient(ellipse at 0 0,#293b66,transparent 55%),linear-gradient(170deg,#14233e,#121c33);box-shadow:4px 0 25px #1729490c;border-right:1px solid #d9e3ff0a}
.ai-workspace .sidebar-brand{min-height:88px;padding-top:25px}
.ai-workspace .sidebar-brand .brand-mark{background:linear-gradient(140deg,#577cfa,#7861e6);border:1px solid #c2d0ff3b;box-shadow:0 4px 20px #5862e52b;border-radius:11px}
.ai-workspace .sidebar-brand strong{font-size:15px;letter-spacing:.3px}
.ai-workspace .sidebar-brand div>span{font-size:10px;letter-spacing:1.5px;color:#96a8cb}
.ai-workspace .workspace-label{border-color:#c5d6ff19;border-radius:8px;background:linear-gradient(105deg,#7794ff12,#a3baff04);color:#9fb5dd}
.ai-workspace .workspace-dot{background:#91a8ff;box-shadow:0 0 10px #7f9aff66;border-radius:50%}
.ai-workspace .side-nav>button{margin:5px 0;border-radius:9px;font-size:12px;min-height:44px}
.ai-workspace .side-nav>button.active{background:linear-gradient(100deg,#526ce7,#665dd3);box-shadow:0 4px 15px #050e362e}
.ai-workspace .side-nav>button.active::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:3px;border-radius:0 3px 3px 0;background:#c0d7ff}
.ai-workspace .nav-new{background:#8990ff20;color:#bbc2ff}
.ai-workspace .sidebar-profile{background:#c5d6ff08;border:1px solid #c5d6ff0d;border-radius:9px}
.ai-workspace .sidebar .avatar{background:linear-gradient(140deg,#4f608b,#405779);border:1px solid #a3b9e32b;color:#dce7ff}
.ai-workspace .content{background:radial-gradient(ellipse at 94% 0%,#c6d5ff1a,transparent 45%),#f2f5fb}
.ai-workspace .topbar{height:68px;background:#ffffffed;border-bottom-color:#e3e9f4;box-shadow:0 3px 18px #29395303}
.ai-workspace .breadcrumb strong{color:#4b5b78;font-weight:600}
.ai-workspace .top-search{width:270px;border-radius:8px;border-color:#e9edf7;background:#f5f7fc}
.ai-workspace .top-search:focus-within{border-color:#aebbf7;box-shadow:0 0 0 3px #6474ee0a}
.ai-workspace .top-user .avatar{background:linear-gradient(140deg,#e5ecff,#eae5ff);color:#6463be;border-radius:9px}
.ai-workspace .button{border-radius:8px}
.ai-workspace .button.primary{background:linear-gradient(110deg,#526be8,#6b61d8);border-color:#6671db;box-shadow:0 4px 12px #5264d523}
.ai-workspace .button.primary:hover:not(:disabled){background:linear-gradient(110deg,#405edb,#5d50ce);box-shadow:0 5px 18px #5264d536}
.ai-workspace .panel{border-color:#e2e8f4;box-shadow:0 3px 15px #1f3b6e04;border-radius:12px}
.ai-workspace .panel-heading{border-bottom-color:#edf0f8}
.ai-workspace h1{letter-spacing:.6px}
.ai-workspace .eyebrow{color:#8998b4;letter-spacing:2px}
.ai-workspace .dashboard-heading{position:relative;isolation:isolate;overflow:hidden;border:1px solid #8498e53b;padding:24px 26px;min-height:136px;margin-bottom:23px;border-radius:14px;background:linear-gradient(115deg,#233862,#364c87 65%,#4a4d85);box-shadow:0 6px 22px #2642710d}
.ai-workspace .dashboard-heading::before{content:"";position:absolute;right:95px;top:-105px;width:320px;height:320px;border-radius:50%;border:1px solid #bacaff1a;box-shadow:0 0 0 38px #b7c7ff05,0 0 0 78px #b7c7ff05;z-index:-1;transform:rotateX(45deg) rotateY(15deg)}
.ai-workspace .dashboard-heading::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 85% 85%,#9395ff15,transparent 65%);pointer-events:none;z-index:-1}
.ai-workspace .dashboard-heading h1{color:#f0f5ff;font-size:25px}
.ai-workspace .dashboard-heading .eyebrow{color:#b3c6f4;font-size:9px;margin-bottom:7px}
.ai-workspace .dashboard-heading p{color:#bdcbe7;font-size:11px}
.ai-workspace .dashboard-heading .button{background:#f0f3ff;color:#405790;border:1px solid #d3ddff;font-weight:600;box-shadow:0 4px 16px #0d225533;min-height:42px;padding:10px 18px}
.ai-workspace .dashboard-heading .button:hover{background:white;box-shadow:0 5px 20px #0d22554d}
.ai-workspace .metric-card{position:relative;padding:18px 20px 17px;border:1px solid #e2e8f4;border-top:3px solid #7287ee;border-radius:12px;box-shadow:0 3px 15px #1f3b6e04;transition:border-color .2s,box-shadow .2s,transform .2s}
.ai-workspace .metric-card:nth-child(2){border-top-color:#61b4c1}.ai-workspace .metric-card:nth-child(3){border-top-color:#dfb46d}.ai-workspace .metric-card:nth-child(4){border-top-color:#67b39a}
.ai-workspace .metric-card:hover{box-shadow:0 7px 22px #314f8610;transform:translateY(-2px)}
.ai-workspace .metric-icon{height:38px;width:38px;border-radius:11px}
.ai-workspace .metric-top{font-size:12px;color:#687c98}
.ai-workspace .metric-card>strong{font-size:34px;letter-spacing:1px;color:#2b3c5c}
.ai-workspace .metric-foot{color:#8c9ab1;line-height:1.7}
.ai-workspace .quick-icon{border-radius:10px}
.ai-workspace .quick-action{padding-top:17px;padding-bottom:17px}
.ai-workspace .quick-action:hover{background:#f5f7ff}
.ai-workspace .readiness-panel{background:linear-gradient(155deg,#fff,#f7f9ff)}
.ai-workspace .status-tag{border-radius:5px}
.ai-workspace .workflow-strip{background:linear-gradient(105deg,#fff,#f9faff);border-color:#e2e8f4;border-radius:12px;padding-top:25px;padding-bottom:25px}
.ai-workspace .workflow-strip li>span{background:#edf0ff;color:#737fc2;border:1px solid #e3e8fa}
.ai-workspace .drop-zone{background:linear-gradient(135deg,#f8faff,#f6f5ff);border-color:#b8c7f0;border-radius:12px}
.ai-workspace .drop-zone:hover,.ai-workspace .drop-zone.dragging{background:#eef2ff;border-color:#8d9fe8}
.ai-workspace .drop-icon{background:linear-gradient(135deg,#e7edff,#ebe7ff);color:#6a75ce;border-radius:14px}
.ai-workspace .bottom-bar{background:#fff;color:#8593ab}
.ai-workspace .table-wrap th{background:#f9faff;color:#8492ad}
.ai-workspace .table-wrap tbody tr:hover{background:#f8faff}
.ai-workspace .table-title{color:#3b506f}
.toast{z-index:100}
@keyframes core-float{50%{transform:translateY(-8px) rotateX(-9deg) rotateY(32deg)}}
@keyframes orbit-float{50%{transform:rotateX(70deg) rotateZ(20deg)}}
@keyframes session-orbit{50%{transform:rotateX(75deg) rotateZ(180deg)}}
@keyframes ai-entrance{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes ai-login-exit{to{opacity:0;transform:scale(1.025)}}
@keyframes ai-form-exit{to{opacity:0;transform:translateY(-10px)}}
.ai-scene[data-motion="off"] *, .ai-scene[data-motion-state="hidden"] *{animation-play-state:paused!important}
.ai-login[data-page-motion="off"] .login-intro,.ai-login[data-page-motion="off"] .login-form{animation:none}
@media(min-width:1600px){.ai-login .login-brand{padding:44px 7vw 36px}.ai-login .login-intro{margin-top:7vh}.ai-stage{max-height:480px;min-height:360px}.ai-login .login-intro h1{font-size:54px}.ai-login .login-form{max-width:430px;padding:40px 38px 32px}}
@media(min-width:768px) and (max-height:800px){.ai-login .login-brand{min-height:680px;padding-top:27px;padding-bottom:24px}.ai-login .login-intro{margin-top:28px}.ai-login .login-intro h1{font-size:38px}.ai-login .login-intro>p{margin-top:12px}.ai-stage{min-height:260px}.ai-login .login-form-area{min-height:680px;padding-top:30px}.ai-login .login-form{padding-top:28px;padding-bottom:22px}.login-form-emblem{margin-bottom:17px}.ai-hero-bottom{margin-top:18px;padding-top:16px}}
@media(max-width:1199px) and (min-width:768px){.ai-login{grid-template-columns:minmax(0,1.1fr) minmax(360px,1fr)}.ai-login .login-brand{padding-left:30px;padding-right:30px}.ai-login .login-form-area{padding-left:24px;padding-right:24px}.ai-login .login-form{padding-left:25px;padding-right:25px}.ai-login .login-intro h1{font-size:37px}.ai-process{gap:14px}.ai-process span{font-size:10px}.ai-node{font-size:10px;padding:8px 10px}.ai-node-document{left:0;top:15%}.ai-node-template{right:0;top:28%}.ai-node-archive{right:0;bottom:14%}.ai-node::after{width:17px}.motion-control{font-size:9px;padding:6px 8px}.ai-workspace .overview-grid{grid-template-columns:minmax(0,1fr) 260px}}
@media(max-width:900px) and (min-width:768px){.ai-login .login-brand{padding-left:23px;padding-right:23px}.ai-login .login-intro h1{font-size:32px}.ai-login .login-intro>p{font-size:12px}.ai-login .brand-lockup b{font-size:15px}.ai-brand-caption{font-size:9px}.ai-process{gap:12px}.ai-hero-bottom{flex-wrap:wrap}.ai-node-document{top:12%}.ai-node-template{top:24%}.ai-node-archive{bottom:12%}.ai-scene{inset:0 -55px}.ai-workspace .top-search{width:190px}}
@media(max-width:767px){.ai-login{display:block;height:100dvh;overflow-y:auto}.ai-login .login-brand{display:flex;min-height:0;padding:23px 24px 0;overflow:hidden}.ai-login .brand-lockup b{font-size:16px}.ai-login .brand-mark{width:35px;height:35px;border-radius:10px}.ai-brand-caption{font-size:9px}.ai-login .login-intro{margin-top:28px}.ai-login .overline{margin-bottom:13px;font-size:10px;letter-spacing:1px;padding:5px 10px}.ai-login .login-intro h1{font-size:32px;line-height:1.35}.ai-login .login-intro h1 br{display:none}.ai-login .login-intro>p{font-size:12px;max-width:330px;margin-top:10px;line-height:1.8}.ai-stage{height:252px;min-height:252px;max-height:252px;flex:none;margin-top:-3px}.ai-scene{inset:0 -20px}.ai-node{padding:7px 9px;font-size:9px;border-radius:8px;gap:6px}.ai-node .icon{width:14px;height:14px}.ai-node-document{top:18%;left:0}.ai-node-template{top:29%;right:0}.ai-node-archive{bottom:18%;right:2%}.ai-node::after{width:17px}.ai-scene-caption{font-size:9px;bottom:4px;letter-spacing:.5px}.ai-hero-bottom{border:0;padding-top:0;margin-top:3px;justify-content:flex-end}.ai-process{display:none}.motion-control{font-size:10px;min-height:36px;border-color:#bfd5ff17;background:none}.ai-login .login-form-area{min-height:0;padding:19px 24px 82px;border:0;background:transparent}.ai-login .login-form{max-width:470px;border-radius:16px;padding:25px 24px 20px}.login-form-emblem{display:none}.ai-login .login-form h2{font-size:25px}.ai-login .login-form .eyebrow{font-size:9px}.ai-login .login-form>p{margin-bottom:24px;font-size:11px}.ai-login .login-form .form-field{margin-bottom:19px}.ai-login .login-form input{font-size:16px}.ai-login .login-help{font-size:10px}.login-security-note{margin-top:19px}.ai-login .support-footer{bottom:22px}.ai-workspace .dashboard-heading{padding:20px;min-height:152px;align-items:flex-start}.ai-workspace .dashboard-heading h1{font-size:23px}.ai-workspace .dashboard-heading p{max-width:210px;font-size:10px;line-height:1.8}.ai-workspace .dashboard-heading .button{min-height:38px;font-size:11px;padding:8px 11px}.ai-workspace .metric-card{padding:14px 15px 13px}.ai-workspace .metric-icon{width:31px;height:31px;border-radius:9px}.ai-workspace .metric-card>strong{font-size:29px}.ai-workspace .metric-foot{font-size:9px}.ai-workspace .metric-top{font-size:11px}.ai-workspace .overview-grid{grid-template-columns:minmax(0,1fr)}.ai-workspace .workflow-strip{padding:20px}.ai-workspace .topbar{height:60px}.ai-workspace .top-search{display:none}}
@media(max-width:380px){.ai-login .login-brand{padding-left:19px;padding-right:19px}.ai-login .login-intro h1{font-size:29px}.ai-login .login-form-area{padding-left:19px;padding-right:19px}.ai-login .login-form{padding-left:20px;padding-right:20px}.ai-workspace .dashboard-heading{padding:18px}.ai-workspace .dashboard-heading .button{font-size:10px}.ai-workspace .dashboard-heading p{max-width:175px}}
/* 手机将3D与文案并排，账号输入区更早出现。一秒互联公司 www.yimiaonet.com */
@media(max-width:767px){.ai-login .login-brand{min-height:320px;overflow:hidden}.ai-login .login-intro{width:57%;margin-top:28px}.ai-login .overline{display:none}.ai-login .login-intro h1{font-size:26px;line-height:1.4;letter-spacing:.3px}.ai-login .login-intro h1 br{display:initial}.ai-login .login-intro>p{font-size:10px;line-height:1.9;color:#9baccb;margin-top:12px}.ai-stage{position:absolute;top:67px;right:-28px;width:60%;height:220px;min-height:220px;max-height:220px;margin:0}.ai-scene{inset:0 -17px}.ai-node{display:none}.ai-scene-caption{bottom:2px;left:0;right:0;font-size:8px;letter-spacing:0;white-space:nowrap}.ai-hero-bottom{margin-top:auto;padding-top:12px;min-height:48px}.ai-login .login-form-area{padding-top:14px}.ai-login .login-form input{padding-left:44px}}
@media(prefers-reduced-motion:reduce){.ai-login *, .ai-session-loading *,.ai-workspace *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.ai-login.is-leaving{opacity:0}.ai-workspace .metric-card:hover{transform:none}}