:root{--ink:#17211f;--muted:#75817c;--line:#dbe5de;--paper:#f5f8f4;--card:#fff;--dark:#1d2a26;--lime:#d6f36a;--lime-deep:#a6c84a;--green:#3d8965;--blue:#6688d9;--red:#bd5147}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Microsoft Yahei",sans-serif}body:before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(circle at 84% 4%,#e8f4bf 0,transparent 27%),radial-gradient(circle at 7% 28%,#e5f0ed 0,transparent 24%),linear-gradient(145deg,transparent 55%,#edf3eb)}.shell{max-width:1180px;margin:0 auto;padding:28px 34px 42px}.topbar{display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink)}.brand-mark{width:39px;height:39px;border-radius:13px;background:var(--dark);color:var(--lime);display:grid;place-items:center;box-shadow:0 8px 18px #1d2a261a}.brand-mark svg{width:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.brand strong{display:block;font-size:15px;letter-spacing:-.01em}.brand small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.top-actions{display:flex;align-items:center;gap:13px}.secure-pill{border:1px solid #d7e5d9;background:#f4faf3;color:var(--green);border-radius:30px;padding:8px 12px;font-size:11px}.secure-pill i,.kicker-dot{display:inline-block;width:6px;height:6px;background:#64bb82;border-radius:50%;margin-right:5px;box-shadow:0 0 0 4px #d9efde}.admin-link{color:var(--muted);font-size:12px;text-decoration:none}.admin-link:hover{color:var(--ink)}.hero{display:grid;grid-template-columns:1.25fr .75fr;gap:30px;align-items:center;padding:78px 0 56px}.kicker{color:var(--green);font-size:10px;font-weight:800;letter-spacing:.17em;display:flex;align-items:center;gap:2px}.hero h1{font-size:clamp(43px,6vw,75px);line-height:1.02;letter-spacing:-.07em;margin:17px 0 22px}.hero h1 em{font-style:normal;color:#789a31}.hero-copy>p{color:var(--muted);font-size:14px;line-height:1.8;max-width:540px;margin:0}.hero-chips{display:flex;gap:9px;flex-wrap:wrap;margin-top:29px}.hero-chips span{padding:8px 11px;border:1px solid #dce7d8;background:#fafcf8;border-radius:8px;color:var(--muted);font-size:10px}.hero-chips b{color:var(--ink);font-size:12px;margin-right:4px}.hero-art{height:270px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid #cbdcb9;border-radius:50%;transform:rotate(-25deg)}.orbit-one{width:270px;height:160px}.orbit-two{width:220px;height:220px;transform:rotate(40deg);border-color:#e0e8ca}.mail-card{position:relative;width:270px;padding:20px;border:1px solid #d7e2cd;background:#fffdf8;border-radius:17px;box-shadow:0 20px 45px #6e8b4324;transform:rotate(-5deg)}.mail-top,.mail-foot{display:flex;align-items:center;gap:8px;color:#8a968f;font-size:9px;letter-spacing:.08em}.mail-top{padding-bottom:18px}.mini-icon{color:#92b443;font-size:14px}.pulse-dot{margin-left:auto;width:7px;height:7px;background:#70bd81;border-radius:50%;box-shadow:0 0 0 4px #e0f1df}.mail-line{height:7px;background:#e5ece1;border-radius:8px;margin-bottom:10px}.mail-line.long{width:80%}.mail-line.medium{width:53%}.mail-attachment{display:flex;align-items:center;gap:8px;padding:11px;margin:18px 0;background:#f0f6e5;border-radius:10px;color:#54645b;font-size:10px}.mail-attachment span:first-child{color:#8dac3e;font-size:18px}.mail-attachment b{margin-left:auto;color:#8daa45;font-size:9px}.mail-foot{justify-content:space-between;padding-top:2px}.check{color:#65ab76;font-size:14px;letter-spacing:0}.tabs{display:flex;gap:28px;border-bottom:1px solid var(--line);margin-bottom:28px}.tabs button{border:0;background:none;color:var(--muted);padding:0 0 14px;font-weight:700;font-size:13px;cursor:pointer;position:relative}.tabs button span{font-size:16px;margin-right:5px}.tabs button.active{color:var(--ink)}.tabs button.active:after{content:"";position:absolute;height:3px;left:0;right:0;bottom:-1px;background:var(--dark);border-radius:4px}.panel{display:none}.panel.active{display:block}.workspace-grid{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:18px}.upload-card,.form-card{background:rgba(255,255,255,.67);border:1px solid var(--line);border-radius:17px;padding:19px}.section-label{display:flex;align-items:center;gap:10px;color:var(--ink);font-size:12px;font-weight:800;margin-bottom:16px}.section-label .number{color:#8ea548;font-size:11px;letter-spacing:.08em}.section-label .line{height:1px;background:var(--line);flex:1}.section-label .hint{color:#a0aaa4;font-size:10px;font-weight:500}.drop{min-height:300px;border:1px dashed #b9cdbb;border-radius:13px;display:flex;align-items:center;flex-direction:column;justify-content:center;background:linear-gradient(145deg,#fbfdf8,#f5f9ef);transition:.2s;position:relative;overflow:hidden}.drop:before{content:"";position:absolute;width:320px;height:320px;border:1px solid #e2ebd5;border-radius:50%;top:-205px;right:-90px}.drop.hover{border-color:#8ca64d;background:#eff8dd;transform:translateY(-2px)}.drop input{display:none}.drop-visual{width:70px;height:70px;position:relative;display:grid;place-items:center;margin-bottom:12px}.drop-ring{width:55px;height:55px;background:#e9f4ca;border:1px solid #d5e7a3;border-radius:18px;display:grid;place-items:center;position:relative;z-index:1;color:#789c31}.drop-ring svg{width:27px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.drop-orbit{position:absolute;width:70px;height:34px;border:1px solid #cbdca3;border-radius:50%;transform:rotate(-20deg)}.drop h2{font-size:18px;margin:0 0 7px;letter-spacing:-.03em}.drop p{font-size:12px;color:var(--muted);margin:0 0 17px}.secondary,.primary{border-radius:8px;padding:11px 16px;font-size:12px;font-weight:800;cursor:pointer;border:1px solid var(--line)}.secondary{background:#fff;color:var(--ink)}.secondary:hover{border-color:#a9bb8e;background:#fbfdf7}.primary{background:var(--dark);border-color:var(--dark);color:#fff;display:inline-flex;align-items:center;gap:18px}.primary b{font-size:16px;font-weight:500}.primary:disabled{opacity:.4;cursor:not-allowed}.drop-limit{color:#a1aaa4;font-size:10px;margin-top:16px}.file-info{padding:13px 15px;background:#f0f6e2;border:1px solid #deebc6;border-radius:10px;margin-top:14px;font-size:12px;display:flex;justify-content:space-between}.hidden{display:none!important}.side-rail{display:flex;flex-direction:column;gap:10px}.rail-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:15px 16px}.rail-title{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:800}.rail-title i{margin-left:auto;width:6px;height:6px;border-radius:50%;background:#8cb862}.rail-icon{font-size:13px;color:#8da64b}.rail-card p{font-size:11px;line-height:1.55;color:var(--muted);margin:10px 0 12px}.rail-bar{height:5px;background:#edf1e9;border-radius:5px;overflow:hidden}.rail-bar i{display:block;background:#abc85f;height:100%;border-radius:5px}.rail-stack{display:flex;gap:4px}.rail-stack b{height:5px;flex:1;background:#d7e5b3;border-radius:4px}.rail-stack b:nth-child(2){background:#aeca63}.rail-stack b:nth-child(3){background:#8eb44b}.account-dots{display:flex;gap:5px;align-items:center}.account-dots i{width:12px;height:12px;border-radius:50%;background:#b7ce6d;border:2px solid #eef5d9}.account-dots i:nth-child(2){background:#7caf82}.account-dots i:nth-child(3){background:#7a9ad1}.account-dots span{color:#a0aaa4;font-size:10px;margin-left:4px}.form-card{margin-top:18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid label{font-size:11px;font-weight:800;display:block;position:relative}.form-grid label>span:not(.field-icon){margin-left:25px}.form-grid label em{color:#a3aca7;font-style:normal;font-weight:500;margin-left:5px}.field-icon{position:absolute;color:#8ca54d;font-size:14px;top:-2px;left:0}.form-grid input,.form-grid textarea,.form-grid select,.account input,.account select{display:block;width:100%;margin-top:8px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#fff;font:inherit;font-size:12px;outline:none;resize:vertical}.form-grid input:focus,.form-grid textarea:focus,.account input:focus{border-color:#91ad49;box-shadow:0 0 0 3px #dff0b833}.full{grid-column:1/-1}.actions{display:flex;align-items:center;gap:18px;margin-top:23px}.progress{flex:1;max-width:440px}.progress>div:first-child{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;margin-bottom:6px}.bar{height:7px;background:#e4ebe3;border-radius:9px;overflow:hidden}.bar i{display:block;height:100%;width:0;background:#a3c34d;border-radius:9px;transition:width .2s}.transfer-details{margin-top:18px;border:1px solid var(--line);border-radius:13px;background:#fbfdf9;padding:15px}.transfer-head{display:flex;justify-content:space-between;align-items:center;font-size:11px}.transfer-head>div{display:flex;align-items:center;gap:8px}.transfer-head>span{color:var(--muted)}.transfer-pulse{width:8px;height:8px;border-radius:50%;background:#8fb448;box-shadow:0 0 0 5px #e8f2d2;animation:transferPulse 1.5s infinite}@keyframes transferPulse{50%{opacity:.45}}.transfer-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:14px 0}.transfer-stats>div{background:#f1f6ec;border-radius:9px;padding:10px}.transfer-stats span{display:block;color:var(--muted);font-size:9px;margin-bottom:5px}.transfer-stats b{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.part-progress{display:flex;flex-direction:column;gap:6px}.part-item{display:grid;grid-template-columns:70px 1fr 90px;gap:9px;align-items:center;font-size:10px;color:var(--muted)}.part-track{height:5px;background:#e6ece3;border-radius:8px;overflow:hidden}.part-track i{display:block;height:100%;width:0;background:#a6c750;border-radius:8px;transition:width .2s}.part-item.sent .part-track i{width:100%;background:#65ad7a}.part-item.failed{color:var(--red)}.part-item.failed .part-track i{background:var(--red)}.part-state{text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.success,.error{padding:12px 14px;border-radius:9px;font-size:12px;margin-top:15px}.success{background:#eaf6ec;color:#287044}.error{background:#fff0ee;color:#a43d30}.settings-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:22px}.settings-head h2{margin:8px 0 5px;font-size:26px;letter-spacing:-.04em}.settings-head p:not(.kicker){margin:0;color:var(--muted);font-size:12px}.account{border:1px solid var(--line);background:#fff;border-radius:14px;padding:16px;margin-bottom:11px}.account-grid{display:grid;grid-template-columns:1.1fr 1.4fr .6fr 1.3fr 1.3fr auto;gap:10px;align-items:end}.account label{font-size:10px;color:var(--muted)}.account input{padding:10px;font-size:11px}.account .remove{border:0;background:none;color:#b2584b;cursor:pointer;font-size:11px;padding-bottom:11px}.save-row{display:flex;align-items:center;gap:15px;margin-top:20px}.save-row span{font-size:11px;color:var(--green)}footer{display:flex;justify-content:space-between;align-items:center;color:#9aa6a0;font-size:10px;margin-top:55px;border-top:1px solid var(--line);padding-top:16px}footer code{font-family:ui-monospace,monospace}@media(max-width:850px){.shell{padding:22px 18px}.hero{grid-template-columns:1fr;padding:54px 0 35px}.hero-art{display:none}.workspace-grid{grid-template-columns:1fr}.side-rail{display:grid;grid-template-columns:repeat(3,1fr)}.account-grid{grid-template-columns:1fr 1fr}}@media(max-width:620px){.transfer-stats{grid-template-columns:1fr 1fr}.part-item{grid-template-columns:58px 1fr 70px}.top-actions .secure-pill{display:none}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}.side-rail{grid-template-columns:1fr}.actions{display:block}.progress{margin-top:15px;max-width:none}.settings-head{display:block}.settings-head button{margin-top:15px}footer{display:block;line-height:2.2}.file-info{display:block}.file-info span{display:block;margin-top:5px}}