:root{--ink: #09090B;--ink-soft: #18181B;--paper: #FAFAFA;--acid: #DFE104;--danger: #DC2626;--steel: #3F3F46;--mist: #E8ECF0;--font-display: "Syne", sans-serif;--font-body: "Manrope", sans-serif;--font-mono: "Roboto Mono", monospace;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--space-16: 64px;--radius: 0px;--stroke: 2px}html{overflow-x:hidden}html,body{height:100%}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background:var(--ink);color:var(--paper);-webkit-font-smoothing:antialiased}*{scrollbar-width:thin;scrollbar-color:var(--acid) var(--ink)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--ink)}::-webkit-scrollbar-thumb{background:var(--acid);border:2px solid var(--ink)}::-webkit-scrollbar-thumb:hover{background:var(--paper)}::-webkit-scrollbar-corner{background:var(--ink)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.view{display:none;min-height:100vh;position:relative}.view.active{display:block}#view-loading.active{display:flex}.nav{position:fixed;top:0;left:0;right:0;height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-12);border-bottom:var(--stroke) solid var(--acid);background:var(--ink);z-index:100}.nav-logo{font-family:var(--font-mono);font-weight:700;font-size:16px;color:var(--acid);letter-spacing:1px}.nav-right{display:flex;align-items:center;gap:var(--space-4)}.nav-status{font-family:var(--font-mono);font-size:12px;color:var(--paper);letter-spacing:1px;display:flex;align-items:center;gap:8px}.nav-status .dot{width:8px;height:8px;background:var(--acid);border-radius:50%;animation:blink 1.2s infinite}.lang-toggle{font-family:var(--font-mono);font-weight:700;font-size:12px;color:var(--acid);background:transparent;border:var(--stroke) solid var(--acid);padding:8px 16px;cursor:pointer;letter-spacing:1px;transition:background .15s,color .15s}.lang-toggle:hover{background:var(--acid);color:var(--ink)}.lang-toggle:focus-visible{outline:3px solid var(--paper);outline-offset:2px}@keyframes blink{0%,to{opacity:1}50%{opacity:.2}}#view-cover{background:var(--ink);height:100vh;overflow:hidden}.cover-inner{height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:100px var(--space-12) 96px}.cover-tag{font-family:var(--font-mono);font-size:13px;color:var(--acid);letter-spacing:2px;margin-bottom:var(--space-6)}.cover-title{font-family:var(--font-display);font-weight:800;font-size:min(clamp(48px,8.5vw,150px),15vh);line-height:.95;letter-spacing:-6px;text-transform:uppercase}html[data-lang=zh] .cover-title{font-family:"Noto Sans SC",var(--font-display);letter-spacing:-2px}.cover-title .line{display:block;overflow:hidden}.cover-title .line .word{display:inline-block;white-space:nowrap}.cover-title .line .char{display:inline-block;will-change:transform}.cover-title .line.acid{color:var(--acid)}.cover-cta-row{margin-top:var(--space-12);display:flex;align-items:center;gap:var(--space-6);flex-wrap:wrap}.btn{font-family:var(--font-display);font-weight:800;font-size:32px;color:var(--ink);background:var(--paper);border:3px solid var(--paper);padding:22px 48px;cursor:pointer;text-transform:uppercase;letter-spacing:1px;position:relative;overflow:hidden;transition:background .15s,color .15s,transform .15s}.btn .btn-arrow{display:inline-block;transition:transform .2s ease}.btn:hover .btn-arrow{transform:translate(8px)}.btn:after{content:"";position:absolute;top:0;bottom:0;left:0;width:60%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.45),transparent);transform:translate(-120%) skew(-15deg);pointer-events:none}.btn:hover:after{animation:btn-shine .55s ease}@keyframes btn-shine{to{transform:translate(240%) skew(-15deg)}}.btn:hover{background:var(--acid);border-color:var(--acid);transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn:focus-visible{outline:3px solid var(--paper);outline-offset:3px}.cover-decor-red{position:absolute;top:112px;right:var(--space-12);width:48px;height:48px;background:var(--danger)}.cover-vertical{position:absolute;right:var(--space-4);top:200px;font-family:var(--font-mono);font-size:12px;color:var(--steel);letter-spacing:4px;writing-mode:vertical-rl}.marquee{position:absolute;left:0;right:0;bottom:0;height:64px;background:var(--acid);overflow:hidden;display:flex;align-items:center}.marquee-track{display:flex;white-space:nowrap;will-change:transform;font-family:var(--font-display);font-weight:700;font-size:28px;color:var(--ink);text-transform:uppercase}.marquee-track .sep{margin:0 var(--space-4)}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-track{animation:marquee-scroll 18s linear infinite}#view-loading{background:var(--ink);align-items:center;justify-content:center}#view-loading .loading-inner{text-align:center;padding:80px var(--space-4) 0;width:100%}.spinner-wrap{position:relative;width:220px;height:220px;margin:0 auto var(--space-8)}.spinner-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:8px solid var(--acid);border-top-color:transparent;animation:spin 1.2s linear infinite}.spinner-ring-inner{position:absolute;top:14px;right:14px;bottom:14px;left:14px;border-radius:50%;border:8px solid var(--paper);border-bottom-color:transparent;animation:spin 1.8s linear infinite reverse}@keyframes spin{to{transform:rotate(360deg)}}.percent{font-family:var(--font-display);font-weight:800;font-size:96px;letter-spacing:-3px;line-height:1}.loading-status{font-family:var(--font-display);font-weight:700;font-size:clamp(28px,4vw,56px);letter-spacing:-1.5px;margin-top:var(--space-6)}.loading-sub{font-family:var(--font-mono);font-size:14px;color:var(--steel);margin-top:var(--space-3)}.progress-bar{width:min(720px,80vw);height:24px;margin:var(--space-8) auto 0;border:2px solid var(--paper);position:relative}.progress-fill{height:100%;width:0%;background:var(--acid);transition:width .3s linear}.log-stream{width:min(720px,80vw);margin:var(--space-8) auto 0;font-family:var(--font-mono);font-size:13px;color:var(--steel);text-align:left;min-height:160px}.log-line{padding:4px 0;white-space:nowrap}.log-line.done{color:var(--acid)}#view-main{background:var(--ink);padding:120px var(--space-12) 80px}.section-label{font-family:var(--font-mono);font-size:13px;color:var(--acid);letter-spacing:2px;margin-bottom:var(--space-3)}.section-title{font-family:var(--font-display);font-weight:700;font-size:clamp(40px,5vw,72px);letter-spacing:-2px;text-transform:uppercase;margin-bottom:var(--space-6)}.create-row{display:flex;gap:var(--space-6);flex-wrap:wrap;align-items:stretch}.input-box{flex:1;min-width:280px;height:88px;background:var(--paper);border:3px solid var(--paper);display:flex;align-items:center;padding:0 var(--space-6);gap:var(--space-2);position:relative}.input-box .at-symbol{font-family:var(--font-mono);font-weight:700;font-size:22px;color:var(--steel)}.input-box input{flex:1;border:none;outline:none;background:transparent;font-family:var(--font-mono);font-size:22px;color:var(--ink)}.input-box input::placeholder{color:var(--steel);opacity:.5}.input-cursor{width:3px;height:36px;background:var(--acid);animation:blink 1s infinite;position:absolute;right:var(--space-6)}.domain-chips{display:flex;gap:var(--space-4);margin-top:var(--space-6);flex-wrap:wrap}.chip{font-family:var(--font-mono);font-size:15px;border:2px solid var(--paper);color:var(--paper);padding:14px 20px;cursor:pointer;background:transparent;transition:background .15s,color .15s}.chip.active{background:var(--acid);color:var(--ink);border-color:var(--acid)}.chip:hover{border-color:var(--acid)}.chip:focus-visible{outline:3px solid var(--paper);outline-offset:2px}.btn-generate{background:var(--acid);border-color:var(--acid)}.btn-generate:disabled{opacity:.4;cursor:not-allowed;transform:none}.toast{position:fixed;bottom:88px;left:50%;transform:translate(-50%) translateY(20px);background:var(--paper);color:var(--ink);font-family:var(--font-mono);font-size:14px;font-weight:700;padding:16px 28px;opacity:0;pointer-events:none;border:2px solid var(--ink);z-index:200;transition:opacity .2s,transform .2s}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.history-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-6);margin-top:var(--space-6)}.mailbox-card{background:var(--ink-soft);border:var(--stroke) solid var(--paper);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4);opacity:0;transform:translateY(24px)}.mailbox-card.visible{opacity:1;transform:none}.card-top{display:flex;align-items:center;justify-content:space-between}.card-num{font-family:var(--font-display);font-weight:800;font-size:28px;color:var(--acid)}.card-meta{font-family:var(--font-mono);font-size:12px;color:var(--steel)}.card-addr{background:var(--paper);color:var(--ink);font-family:var(--font-mono);font-weight:700;font-size:15px;padding:14px var(--space-4);display:flex;justify-content:space-between;align-items:center}.btn-copy{background:none;border:none;cursor:pointer;color:var(--ink);display:flex;align-items:center;padding:2px}.btn-copy:hover{color:var(--acid)}.card-mail-count{font-family:var(--font-mono);font-size:13px;color:var(--acid)}.btn-pick{font-family:var(--font-display);font-weight:700;font-size:20px;background:var(--acid);color:var(--ink);border:none;padding:16px 0;width:100%;cursor:pointer;text-transform:uppercase;transition:background .15s,color .15s}.btn-pick:hover{background:var(--paper)}.btn-pick.danger{background:var(--danger);color:var(--paper)}.btn-pick.danger:hover{background:var(--paper);color:var(--ink)}.pickup-drawer{position:fixed;right:var(--space-12);top:96px;width:460px;max-width:calc(100vw - 32px);background:var(--ink-soft);border:var(--stroke) solid var(--paper);padding:var(--space-6);transform:translate(calc(100% + var(--space-12)));transition:transform .4s cubic-bezier(.22,1,.36,1);z-index:150;max-height:calc(100vh - 120px);overflow-y:auto}.pickup-drawer.open{transform:translate(0)}.drawer-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-6)}.drawer-title{font-family:var(--font-mono);font-weight:700;font-size:15px;color:var(--acid);letter-spacing:1px}.drawer-sub{font-family:var(--font-mono);font-size:12px;color:var(--steel);margin-top:4px}.btn-close{background:none;border:2px solid var(--steel);color:var(--paper);width:36px;height:36px;cursor:pointer;display:flex;align-items:center;justify-content:center}.btn-close:hover{border-color:var(--danger);color:var(--danger)}.mail-row{padding:var(--space-4);border:1px solid var(--steel);margin-bottom:var(--space-3);cursor:pointer;transition:background .15s,border-color .15s}.mail-row:hover{border-color:var(--acid)}.mail-row.unread{background:var(--acid)}.mail-row.unread:hover{border-color:var(--paper)}.mail-row.unread .mail-from,.mail-row.unread .mail-subj,.mail-row.unread .mail-time{color:var(--ink)}.mail-from{font-family:var(--font-mono);font-weight:700;font-size:13px;color:var(--paper);display:flex;justify-content:space-between}.mail-time{font-size:11px;color:var(--steel);font-weight:400}.mail-subj{font-family:var(--font-mono);font-size:12px;color:var(--steel);margin-top:6px}.mail-detail-view{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:var(--ink);display:flex;flex-direction:column;transform:translate(100%);transition:transform .4s cubic-bezier(.22,1,.36,1);visibility:hidden}.mail-detail-view.open{transform:translate(0);visibility:visible}.detail-nav{height:80px;display:flex;align-items:center;gap:var(--space-6);padding:0 var(--space-12);border-bottom:var(--stroke) solid var(--acid)}.btn-back{font-family:var(--font-display);font-weight:700;font-size:18px;color:var(--ink);background:var(--acid);border:none;padding:12px 28px;cursor:pointer;text-transform:uppercase;transition:background .15s,color .15s}.btn-back:hover{background:var(--paper)}.btn-back:focus-visible{outline:3px solid var(--paper);outline-offset:3px}.detail-nav-domain{font-family:var(--font-mono);font-size:13px;color:var(--steel);letter-spacing:1px;margin-left:auto}.detail-inner{flex:1;overflow-y:auto;padding:var(--space-12);max-width:860px;width:100%;margin:0 auto}.detail-from{font-family:var(--font-mono);font-size:13px;color:var(--acid);letter-spacing:2px;text-transform:uppercase;margin-bottom:var(--space-3)}.detail-subject{font-family:var(--font-display);font-weight:700;font-size:clamp(28px,4vw,48px);letter-spacing:-1px;color:var(--paper);margin-bottom:var(--space-6)}.detail-meta{display:flex;gap:var(--space-6);flex-wrap:wrap;font-family:var(--font-mono);font-size:12px;color:var(--steel);padding-bottom:var(--space-6);border-bottom:2px solid var(--steel);margin-bottom:var(--space-8)}.detail-meta b{color:var(--paper);font-weight:500}.detail-body{font-family:var(--font-body);font-size:17px;line-height:1.9;color:var(--mist);white-space:pre-line}.detail-body p{margin-bottom:var(--space-6)}.detail-attachments{margin-top:var(--space-8);border-top:2px solid var(--steel);padding-top:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3)}.attachment-row{display:flex;align-items:center;gap:var(--space-4);font-family:var(--font-mono);font-size:13px;color:var(--paper);border:1px solid var(--steel);padding:14px var(--space-4);cursor:pointer;transition:border-color .15s}.attachment-row:hover{border-color:var(--acid)}.attachment-row .att-size{margin-left:auto;color:var(--steel)}@media(max-width:1024px){.cover-inner{padding-left:var(--space-8);padding-right:var(--space-8)}.btn{font-size:28px;padding:20px 40px}#view-main{padding-left:var(--space-8);padding-right:var(--space-8)}.nav{padding:0 var(--space-8)}.pickup-drawer{right:var(--space-8)}}@media(max-width:768px){.cover-title .line:nth-child(3){display:none}.nav{height:64px;padding:0 var(--space-4)}.nav-status{display:none}.cover-inner{padding:96px var(--space-4) 120px}.cover-title{font-size:min(clamp(64px,22vw,110px),15vh);letter-spacing:-3px}.cover-vertical{display:none}.cover-decor-red{top:84px;right:var(--space-4);width:32px;height:32px}.btn{font-size:24px;padding:18px 32px;width:100%}.marquee{height:56px}.marquee-track{font-size:20px}#view-main{padding:96px var(--space-4) 64px}.create-row{flex-direction:column}.input-box{height:64px}.input-box input{font-size:18px}.domain-chips{gap:var(--space-3)}.chip{font-size:12px;padding:12px 14px;flex:1;text-align:center}.btn-generate{font-size:24px}.pickup-drawer{left:var(--space-4);right:var(--space-4);top:80px;width:auto}.history-grid{grid-template-columns:1fr}.percent{font-size:56px}.spinner-wrap{width:140px;height:140px}.loading-status{font-size:28px}.progress-bar{width:calc(100vw - 32px)}.log-stream{width:calc(100vw - 32px);font-size:10px}.toast{width:calc(100vw - 32px);text-align:center}}@media(max-width:480px){.cover-title{font-size:min(clamp(56px,24vw,96px),15vh);letter-spacing:-2px}.btn{font-size:22px;padding:16px 28px}.section-title{font-size:32px}.input-box input{font-size:16px}.chip{padding:10px 12px;font-size:11px}.log-stream{font-size:9px}}