:root{--bg:#f4f6f8;--surface:#fff;--surface-2:#f8fafb;--ink:#17211d;--muted:#74807b;--line:#e5e9e7;--green:#0f6b4f;--green-2:#e2f2ec;--lime:#c9e655;--danger:#c53d3d;--shadow:0 12px 35px rgba(22,45,36,.08)}
*{box-sizing:border-box}body{margin:0;font-family:"Noto Sans SC","Microsoft YaHei",sans-serif;background:var(--bg);color:var(--ink);letter-spacing:0}button,input,textarea,select{font:inherit}button{cursor:pointer}.hidden{display:none!important}.icon-btn{width:38px;height:38px;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--ink);display:grid;place-items:center}.icon-btn svg{width:18px}.brand{height:74px;display:flex;align-items:center;gap:10px;padding:0 22px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;background:var(--ink);color:#fff;border-radius:7px;font-size:18px}.brand strong{font-size:20px}.brand-sub{color:var(--muted);font-size:12px;border-left:1px solid var(--line);padding-left:9px}.login-view{min-height:100vh;display:grid;grid-template-columns:minmax(440px,1.15fr) minmax(420px,.85fr);background:var(--surface)}.login-art{position:relative;overflow:hidden;background:#123f33;color:#fff;padding:40px 55px}.login-art:after{content:"";position:absolute;width:480px;height:480px;border:1px solid rgba(255,255,255,.12);border-radius:50%;right:-170px;bottom:-160px;box-shadow:0 0 0 70px rgba(255,255,255,.035),0 0 0 140px rgba(255,255,255,.025)}.brand-light{padding:0}.brand-light .brand-mark{background:var(--lime);color:#173c31}.art-copy{position:absolute;top:29%;z-index:2}.art-copy span,.eyebrow{font-size:11px;letter-spacing:2px;color:var(--lime);font-weight:700}.art-copy h1{font-size:42px;line-height:1.3;margin:15px 0}.art-copy p{color:#bad0c8}.paper-stack{position:absolute;width:330px;height:250px;bottom:2%;right:8%;transform:rotate(-4deg);z-index:2}.sheet{position:absolute;background:#fff;border-radius:5px;box-shadow:var(--shadow)}.sheet-one{inset:25px -30px -15px 40px;transform:rotate(10deg);opacity:.35}.sheet-two{inset:10px 5px 0 20px;transform:rotate(4deg);opacity:.7}.sheet-main{inset:0 25px 15px 0;padding:50px 34px}.sheet-line{height:8px;background:#dfe7e3;border-radius:5px;margin:15px 0;width:72%}.sheet-line.wide{height:12px;background:#286c58;width:85%}.sheet-line.short{width:45%}.answer-row{display:flex;gap:14px;margin:28px 0}.answer-row i{width:28px;height:28px;border:2px solid #abc2b9;border-radius:50%}.answer-row i:nth-child(2){background:var(--lime);border-color:var(--lime)}.login-panel{position:relative;display:grid;place-items:center;padding:50px}.theme-login{position:absolute;right:34px;top:30px}.login-form{width:min(390px,100%)}.mobile-brand{display:none;align-items:center;gap:10px;margin-bottom:45px}.login-form h2{font-size:31px;margin:9px 0}.muted{color:var(--muted)}.login-form>label{display:block;font-size:13px;font-weight:600;margin-top:23px}.login-form input,.control,textarea{display:block;width:100%;height:46px;margin-top:8px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--ink);padding:0 13px;outline:none}.login-form input:focus,.control:focus,textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(15,107,79,.1)}.password-wrap{position:relative}.password-wrap input{padding-right:46px}.password-wrap button{position:absolute;right:5px;top:13px;border:0;background:transparent;color:var(--muted)}.password-wrap svg{width:17px}.login-options{display:flex;justify-content:space-between;align-items:center;margin:18px 0}.check{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px}.check input{width:15px;height:15px;margin:0;accent-color:var(--green)}.text-btn{border:0;background:none;color:var(--green);font-size:13px}.primary{border:0;background:var(--green);color:white;border-radius:6px;height:44px;padding:0 18px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:10px}.primary:hover{background:#0b583f}.login-submit{width:100%;height:48px}.login-submit svg{width:17px}.form-error{height:20px;color:var(--danger);font-size:13px}.copyright{position:absolute;bottom:22px;color:var(--muted);font-size:12px}.app-view{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:236px;background:#133d33;color:#dce9e4;z-index:20;display:flex;flex-direction:column}.sidebar .brand{border-bottom:1px solid rgba(255,255,255,.09)}.sidebar .brand-mark{background:var(--lime);color:#143d33}.sidebar .brand-sub{color:#8daaa1;border-color:#42655c}.sidebar nav{padding:14px 12px;flex:1}.nav-group{padding:10px 12px 6px;margin:0;color:#78968d;font-size:11px}.nav-item{width:100%;height:44px;border:0;background:transparent;color:#bfd1cb;display:flex;align-items:center;gap:12px;padding:0 12px;border-radius:6px;margin:2px 0;text-align:left}.nav-item svg{width:18px}.nav-item span{flex:1}.nav-item em{font-style:normal;font-size:10px;background:#365f54;padding:2px 6px;border-radius:4px}.nav-item:hover,.nav-item.active{background:#245649;color:#fff}.nav-item.active:before{content:"";width:3px;height:19px;background:var(--lime);border-radius:2px;margin-left:-12px}.sidebar-foot{margin:12px;padding:14px;background:rgba(255,255,255,.06);border-radius:7px;font-size:11px}.quota-row{display:flex;justify-content:space-between}.quota-bar{height:5px;background:#41655c;margin:11px 0;border-radius:5px;overflow:hidden}.quota-bar i{display:block;width:38%;height:100%;background:var(--lime)}.sidebar-foot small{color:#91aba3}.shell{margin-left:236px;min-height:100vh}.topbar{height:74px;background:var(--surface);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:10}.top-left,.top-actions,.user-menu{display:flex;align-items:center;gap:12px}.top-left>div p{margin:0;color:var(--muted);font-size:11px}.top-left>div h2{margin:2px 0 0;font-size:18px}.top-actions{gap:8px}.notify{position:relative}.notify b{position:absolute;width:7px;height:7px;background:#db624f;border-radius:50%;right:7px;top:7px;border:2px solid var(--surface)}.user-menu{border-left:1px solid var(--line);padding-left:14px;margin-left:6px}.user-menu>span{width:36px;height:36px;border-radius:7px;background:var(--green-2);color:var(--green);display:grid;place-items:center;font-weight:700}.user-menu div{display:flex;flex-direction:column;font-size:12px}.user-menu small{color:var(--muted)}#menu-btn{display:none}main{padding:26px;max-width:1480px;margin:auto}.welcome{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:22px}.welcome h1{margin:0 0 6px;font-size:25px}.welcome p{margin:0;color:var(--muted)}.welcome time{font-size:12px;color:var(--muted)}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{background:var(--surface);border:1px solid var(--line);border-radius:7px;padding:20px}.stat-card{min-height:132px;position:relative}.stat-icon{width:38px;height:38px;background:var(--green-2);color:var(--green);display:grid;place-items:center;border-radius:6px}.stat-icon svg{width:19px}.stat-card>p{font-size:13px;color:var(--muted);margin:14px 0 5px}.stat-card strong{font-size:25px}.trend{position:absolute;right:18px;bottom:22px;color:#18865f;font-size:12px}.trend.down{color:#d05d4c}.dashboard-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:16px;margin-top:16px}.card-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.card-title h3{margin:0;font-size:15px}.card-title span{color:var(--muted);font-size:12px}.chart{height:235px;display:flex;align-items:flex-end;gap:14px;padding-top:20px;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to bottom,transparent 0,transparent 51px,var(--line) 52px)}.bar-wrap{flex:1;height:100%;display:flex;align-items:flex-end;gap:3px;position:relative}.bar{width:50%;background:var(--green);border-radius:3px 3px 0 0}.bar.alt{background:#b9d7ce}.bar-wrap small{position:absolute;bottom:-24px;width:100%;text-align:center;color:var(--muted);font-size:10px}.activity{padding:0;margin:0;list-style:none}.activity li{display:grid;grid-template-columns:34px 1fr auto;gap:11px;padding:13px 0;border-bottom:1px solid var(--line);font-size:12px}.activity li:last-child{border:0}.activity i{width:30px;height:30px;border-radius:50%;background:var(--green-2);display:grid;place-items:center;color:var(--green);font-style:normal}.activity p{margin:0}.activity small{color:var(--muted)}.page-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.page-head h1{font-size:22px;margin:0 0 5px}.page-head p{color:var(--muted);margin:0;font-size:13px}.form-grid{display:grid;grid-template-columns:1fr 170px;gap:15px}.field label{font-size:12px;font-weight:600}.control{margin-top:7px}.search-box textarea{height:110px;padding:12px;resize:vertical}.actions{display:flex;gap:10px;margin-top:16px}.secondary{height:44px;padding:0 17px;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:6px}.results{margin-top:16px}.empty{min-height:260px;display:grid;place-items:center;text-align:center;color:var(--muted)}.empty svg{width:42px;height:42px;color:#afbbb6;margin-bottom:8px}.result-card{border:1px solid var(--line);border-left:3px solid var(--green);border-radius:6px;padding:18px;margin-top:12px;background:var(--surface)}.result-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.result-card h4{font-size:14px;line-height:1.75;margin:12px 0}.answer{padding:12px;background:var(--green-2);color:#185b46;border-radius:5px;font-size:13px}.answer b{margin-right:8px}.collect-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.dropzone{border:1px dashed #aebcb6;background:var(--surface-2);border-radius:7px;min-height:240px;display:grid;place-items:center;text-align:center;color:var(--muted)}.dropzone svg{width:42px;color:var(--green)}.dropzone h3{color:var(--ink);margin:10px 0 3px;font-size:15px}.dropzone input{display:none}.steps{display:grid;gap:13px}.step{display:flex;gap:12px}.step b{flex:0 0 28px;height:28px;border-radius:50%;background:var(--green-2);color:var(--green);display:grid;place-items:center;font-size:12px}.step p{margin:0;font-size:13px}.step small{color:var(--muted)}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.plan{position:relative}.plan.current{border:2px solid var(--green)}.badge{position:absolute;right:12px;top:12px;background:var(--lime);color:#24412f;padding:3px 8px;border-radius:4px;font-size:10px}.price{font-size:30px;font-weight:700;margin:15px 0}.price small{font-size:12px;color:var(--muted);font-weight:400}.features{padding:0;list-style:none}.features li{margin:12px 0;font-size:13px;color:var(--muted)}.features li:before{content:"✓";color:var(--green);margin-right:8px;font-weight:700}.plan button{width:100%}.api-key{display:flex;gap:8px}.api-key input{font-family:monospace}.code{background:#17211d;color:#dce9e4;border-radius:6px;padding:16px;overflow:auto;font:12px/1.8 Consolas,monospace;white-space:pre}.endpoint{display:flex;align-items:center;gap:10px}.method{background:var(--green-2);color:var(--green);font-weight:700;font-size:11px;padding:4px 7px;border-radius:4px}.log-table{width:100%;border-collapse:collapse;font-size:12px}.log-table th,.log-table td{padding:13px 10px;border-bottom:1px solid var(--line);text-align:left}.log-table th{color:var(--muted);font-weight:500;background:var(--surface-2)}.status{padding:3px 7px;border-radius:4px;background:var(--green-2);color:var(--green)}.toast{position:fixed;top:20px;left:50%;transform:translate(-50%,-20px);opacity:0;pointer-events:none;background:#17211d;color:#fff;padding:10px 16px;border-radius:6px;font-size:13px;z-index:100;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}.overlay{display:none}
body.dark{--bg:#101512;--surface:#18201c;--surface-2:#1d2722;--ink:#edf4f0;--muted:#9daba5;--line:#2d3934;--green-2:#213b32;--shadow:none}.dark .login-art{background:#0d2f27}.dark .sheet{background:#dbe6e1}.dark .brand-mark{background:var(--lime);color:#163d32}
@media(max-width:1050px){.stat-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.plans{grid-template-columns:1fr}.login-art{padding:35px}.paper-stack{right:-40px;transform:scale(.85) rotate(-4deg)}}
@media(max-width:760px){.login-view{display:block}.login-art{display:none}.login-panel{min-height:100vh;padding:30px 24px}.mobile-brand{display:flex}.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:translateX(0)}.shell{margin-left:0}.topbar{padding:0 14px}.top-left>div p,.user-menu div{display:none}#menu-btn{display:grid}.overlay.show{display:block;position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:15}.stat-grid{grid-template-columns:1fr}.welcome{align-items:flex-start;flex-direction:column;gap:8px}.form-grid,.collect-layout{grid-template-columns:1fr}.top-actions>.icon-btn:nth-child(2){display:none}main{padding:18px}.log-table{min-width:650px}.table-wrap{overflow:auto}}