:root{color:#0f172a;--page-bg:#f3f6fb;--page-bg-dark:#0f172a;--card-bg:#fffffff0;--card-bg-strong:#fffffffa;--card-border:#cbd5e1eb;--card-bg-dark:#0f172af0;--card-bg-strong-dark:#111827fa;--card-border-dark:#475569b8;--primary:#6366f1;--primary-strong:#4f46e5;--primary-soft:#6366f11a;--text-main:#111827;--text-sub:#64748b;--text-soft:#94a3b8;--shadow-soft:0 10px 30px #0f172a0e;--shadow-card:0 8px 24px #0f172a0b;--content-width:min(90vw, 1380px);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f3f6fb;font-family:Microsoft YaHei,PingFang SC,Hiragino Sans GB,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*,:before,:after{box-sizing:border-box;min-width:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;width:100%;height:100%;font-size:15px}body{width:100%;height:100%;color:var(--text-main);background:var(--page-bg);margin:0;font-size:13px;line-height:1.45}button,input,select,textarea{font:inherit}button{cursor:pointer;border:none;outline:none}button:disabled{opacity:.58;cursor:not-allowed}input,select,textarea{outline:none}a{color:inherit;text-decoration:none}#app{width:100%;height:100%}html,body,#app{overflow:hidden}.app-page{background:var(--page-bg);width:100%;height:100dvh;min-height:0;padding:12px 18px;overflow:hidden}.app-shell{width:var(--content-width);grid-template-rows:auto minmax(0,1fr) auto;gap:12px;height:calc(100dvh - 24px);min-height:0;margin:0 auto;display:grid}.page-content{min-height:0;overflow:hidden}.glass-card{border:1px solid var(--card-border);background:var(--card-bg-strong);box-shadow:var(--shadow-soft);border-radius:22px}.top-header{justify-content:space-between;align-items:center;gap:24px;width:100%;min-height:0;padding:16px 24px;display:flex}.brand-area{min-width:0}.brand-kicker{color:#5b6cf7;letter-spacing:.12em;text-transform:uppercase;margin:0 0 4px;font-size:10px;font-weight:800}.brand-title{color:#162033;letter-spacing:-.03em;margin:0;font-size:28px;font-weight:900;line-height:1.1}.brand-subtitle{color:#64748b;margin:6px 0 0;font-size:12px;line-height:1.45}.header-actions{flex-shrink:0;align-items:center;gap:14px;display:flex}.header-nav,.header-tools{align-items:center;gap:8px;display:flex}.nav-button,.tool-button{color:#334155;background:#eef2ff;border-radius:12px;height:36px;padding:0 14px;font-size:12px;font-weight:800;transition:all .2s}.nav-button:hover,.tool-button:hover{background:#e7ebff}.nav-button.active{color:#fff;background:linear-gradient(135deg,#7c83ff,#6366f1)}.home-layout{grid-template-rows:auto auto minmax(0,1fr);gap:10px;width:100%;height:100%;min-height:0;display:grid}.create-card{padding:12px 18px}.create-compact-layout{grid-template-columns:150px minmax(0,1fr);align-items:center;gap:18px;display:grid}.create-title-block h2{color:#162033;margin:0;font-size:18px;font-weight:900;line-height:1.2}.create-title-block p{display:none}.create-form-inline{min-width:0}.create-inline-row{grid-template-columns:minmax(0,1fr) 118px;align-items:center;gap:12px;display:grid}.create-inline-row input{color:#111827;background:#fff;border:1px solid #cdd6ea;border-radius:14px;width:100%;height:38px;padding:0 14px;font-size:12px}.create-inline-row input::placeholder{color:#94a3b8}.create-button,.primary-button{color:#fff;background:linear-gradient(135deg,#7c83ff,#6366f1);border-radius:14px;height:38px;font-size:12px;font-weight:800}.notice-banner{color:#4965d2;background:#eef5ff;border:1px solid #bfd3ff;border-radius:18px;align-items:center;min-height:34px;padding:7px 14px;font-size:12px;display:flex}.workspace-layout{grid-template-columns:250px minmax(0,1fr);gap:12px;height:100%;min-height:0;display:grid;overflow:hidden}.mailbox-sidebar{flex-direction:column;height:100%;min-height:0;padding:16px;display:flex;overflow:hidden}.sidebar-header{margin-bottom:10px}.sidebar-header h2{color:#162033;margin:0;font-size:18px;font-weight:900;line-height:1.2}.sidebar-header p,.section-desc{color:#64748b;margin:6px 0 0;font-size:12px;line-height:1.5}.mailbox-list{flex:1;min-height:0;padding-right:4px;overflow:hidden auto}.mailbox-card{text-align:left;width:100%;box-shadow:var(--shadow-card);background:#fbfcff;border:1px solid #d9e1f2;border-radius:18px;padding:12px;transition:all .2s}.mailbox-card+.mailbox-card{margin-top:10px}.mailbox-card.active{background:#f3f5ff;border-color:#a8b4ff}.mailbox-card:hover{border-color:#b6c2ff}.mailbox-card-main{min-width:0}.mailbox-card-title,.mailbox-card-main strong,.account-switch-info strong{color:#1f2a44;word-break:break-word;font-size:11px;font-weight:800;line-height:1.35;display:block}.mailbox-card-time,.mailbox-card-main span,.account-switch-info span{color:#7b879c;margin-top:8px;font-size:11px;font-weight:700;display:block}.mailbox-card-actions,.mailbox-card-footer{justify-content:space-between;align-items:center;gap:10px;margin-top:10px;display:flex}.mailbox-state,.active-badge,.inactive-badge{color:#64748b;background:#f8fafc;border:1px solid #d5dceb;border-radius:999px;justify-content:center;align-items:center;min-height:24px;padding:0 10px;font-size:11px;font-weight:800;display:inline-flex}.mailbox-state.active,.active-badge{color:#2f7a2f;background:#eaf9ea;border-color:#b9e3b8}.mailbox-remove,.danger-button{color:#cf5b5b;background:#fde8e8;border-radius:999px;flex-shrink:0;min-height:30px;padding:0 12px;font-size:12px;font-weight:800}.workspace-main{flex-direction:column;height:100%;min-height:0;padding:16px;display:flex;overflow:hidden}.workspace-header{border-bottom:1px solid #e6edf8;flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:12px;padding-bottom:10px;display:flex}.workspace-header-main,.workspace-title-block{min-width:0}.workspace-header h2{color:#162033;margin:0;font-size:18px;font-weight:900;line-height:1.2}.workspace-subline,.mail-status-line,.current-mail-copy{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}.mailbox-copy-chip,.current-mail-chip{color:#4f46e5;text-overflow:ellipsis;white-space:nowrap;background:#eef2ff;border:1px solid #d4dafe;border-radius:999px;max-width:100%;height:32px;padding:0 12px;font-size:11px;font-weight:800;overflow:hidden}.info-pill,.mail-status-line span{color:#64748b;background:#f8fafc;border:1px solid #dde5f3;border-radius:999px;align-items:center;min-height:30px;padding:0 12px;font-size:11px;font-weight:800;display:inline-flex}.workspace-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.workspace-actions button{color:#334155;background:#f1f5f9;border-radius:12px;height:34px;padding:0 10px;font-size:12px;font-weight:800}.refresh-control{color:#64748b;align-items:center;gap:8px;font-size:11px;font-weight:800;display:inline-flex}.refresh-control select{color:#111827;background:#fff;border:1px solid #cfd8ea;border-radius:12px;height:34px;padding:0 10px;font-size:12px;font-weight:800}.message-layout{flex:1;grid-template-columns:300px minmax(0,1fr);gap:12px;min-height:0;display:grid;overflow:hidden}.message-list-panel{min-height:0;padding-right:4px;overflow:hidden auto}.message-item{text-align:left;cursor:pointer;background:#fbfcff;border:1px solid #d8e1f2;border-radius:18px;width:100%;padding:14px 14px 12px;transition:all .2s}.message-item+.message-item{margin-top:10px}.message-item.active{background:#f3f5ff;border-color:#9eabff}.message-item-header{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.message-sender,.mail-sender{color:#1f2a44;word-break:break-word;font-size:12px;font-weight:900;line-height:1.35}.read-badge,.message-state-badge{color:#64748b;background:#f1f5f9;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;min-height:24px;padding:0 8px;font-size:11px;font-weight:800;display:inline-flex}.message-subject,.mail-subject{color:#64748b;word-break:break-word;margin-top:8px;font-size:11px;font-weight:700;line-height:1.4}.message-time,.mail-time{color:#94a3b8;margin-top:10px;font-size:11px;font-weight:700}.mail-reader-panel{min-height:0;overflow:hidden}.mail-reader-inner{background:#fcfdff;border:1px solid #dfe7f4;border-radius:22px;flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}.reader-header-bar,.reader-head,.compact-reader-head,.simple-reader-head{border-bottom:1px solid #e8eef8;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.reader-title-area h3,.reader-head h3{color:#162033;word-break:break-word;margin:0;font-size:18px;font-weight:900;line-height:1.35}.sender-pill,.sender-line{color:#334155;background:#f8fafc;border:1px solid #d7deeb;border-radius:999px;align-items:center;gap:8px;min-width:0;padding:8px 14px;font-size:12px;display:inline-flex}.sender-pill span,.sender-line span{color:#64748b;flex-shrink:0;font-size:11px;font-weight:800}.sender-pill strong,.sender-line strong{color:#1f2a44;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;font-weight:900;overflow:hidden}.reader-meta-toggle,.inline-detail-button,.reader-detail-button{color:#4f46e5;background:#eef2ff;border:1px solid #d4dafe;border-radius:999px;flex-shrink:0;height:34px;padding:0 14px;font-size:12px;font-weight:800}.reader-meta-grid,.mail-meta-panel{flex-shrink:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;padding:14px 18px 0;display:grid}.meta-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:10px 12px}.meta-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;font-size:10px;font-weight:800;display:block}.meta-value{color:#1f2a44;word-break:break-word;font-size:11px;font-weight:700;line-height:1.45;display:block}.mail-body-card{flex:1;min-height:0;padding:14px 18px 18px;overflow:hidden}.clean-mail-content,.clean-html-content,.mail-content,.html-content{color:#1f2937;background:#fff;border:1px solid #dfe7f4;border-radius:18px;width:100%;height:100%;min-height:0;padding:18px;font-size:12px;line-height:1.7;overflow:auto}.clean-mail-content,.mail-content pre{white-space:pre-wrap;word-break:break-word;margin:0}.clean-html-content *{max-width:100%}.html-content iframe,.clean-html-content iframe{border:0;width:100%;height:100%}.placeholder-shell{flex:1;justify-content:center;align-items:center;min-height:0;padding:20px;display:flex}.placeholder-shell.small{min-height:120px}.empty-art{background:radial-gradient(circle at 20% 20%,#818cf82e,#0000 30%),radial-gradient(circle at 80% 25%,#f472b629,#0000 28%),radial-gradient(circle at 75% 75%,#6366f129,#0000 28%);border-radius:22px;flex-shrink:0;width:140px;height:110px;margin-right:24px;position:relative}.empty-art:before{content:"";background:linear-gradient(#fff,#f8fbff);border:2px solid #d5def4;border-radius:18px;position:absolute;inset:22px}.empty-art:after{content:"";background:0 0;border-bottom:2px solid #d5def4;border-left:2px solid #d5def4;border-right:2px solid #d5def4;height:24px;position:absolute;top:42px;left:34px;right:34px;transform:skewY(-18deg)}.empty-copy strong{color:#1f2a44;font-size:18px;font-weight:900;line-height:1.2;display:block}.empty-copy p{color:#64748b;margin:8px 0 0;font-size:12px;line-height:1.6}.mailbox-list::-webkit-scrollbar{width:8px;height:8px}.message-list-panel::-webkit-scrollbar{width:8px;height:8px}.clean-mail-content::-webkit-scrollbar{width:8px;height:8px}.clean-html-content::-webkit-scrollbar{width:8px;height:8px}.mail-content::-webkit-scrollbar{width:8px;height:8px}.html-content::-webkit-scrollbar{width:8px;height:8px}.mailbox-list::-webkit-scrollbar-thumb{background:#94a3b873;border-radius:999px}.message-list-panel::-webkit-scrollbar-thumb{background:#94a3b873;border-radius:999px}.clean-mail-content::-webkit-scrollbar-thumb{background:#94a3b873;border-radius:999px}.clean-html-content::-webkit-scrollbar-thumb{background:#94a3b873;border-radius:999px}.mail-content::-webkit-scrollbar-thumb{background:#94a3b873;border-radius:999px}.html-content::-webkit-scrollbar-thumb{background:#94a3b873;border-radius:999px}.mailbox-list::-webkit-scrollbar-track{background:0 0}.message-list-panel::-webkit-scrollbar-track{background:0 0}.clean-mail-content::-webkit-scrollbar-track{background:0 0}.clean-html-content::-webkit-scrollbar-track{background:0 0}.mail-content::-webkit-scrollbar-track{background:0 0}.html-content::-webkit-scrollbar-track{background:0 0}.dark.app-page,.app-page.dark{background:var(--page-bg-dark)}.dark .glass-card{border-color:var(--card-border-dark);background:var(--card-bg-strong-dark);box-shadow:none}.dark .brand-title,.dark .create-title-block h2,.dark .sidebar-header h2,.dark .workspace-header h2,.dark .empty-copy strong,.dark .mailbox-card-title,.dark .mailbox-card-main strong,.dark .account-switch-info strong,.dark .message-sender,.dark .mail-sender,.dark .reader-title-area h3,.dark .reader-head h3,.dark .sender-pill strong,.dark .sender-line strong,.dark .meta-value{color:#eef4ff}.dark .brand-subtitle,.dark .notice-banner,.dark .mailbox-card-time,.dark .mailbox-card-main span,.dark .account-switch-info span,.dark .message-subject,.dark .mail-subject,.dark .message-time,.dark .mail-time,.dark .empty-copy p,.dark .refresh-control,.dark .info-pill,.dark .mail-status-line span,.dark .mailbox-state,.dark .inactive-badge,.dark .sender-pill span,.dark .sender-line span,.dark .section-desc{color:#a9b6cb}.dark .create-inline-row input,.dark .refresh-control select,.dark .workspace-actions button,.dark .mailbox-card,.dark .message-item,.dark .mail-reader-inner,.dark .meta-row,.dark .sender-pill,.dark .sender-line,.dark .clean-mail-content,.dark .clean-html-content,.dark .mail-content,.dark .html-content{color:#e5edf9;background:#0f172aeb;border-color:#475569b8}.dark .clean-html-content,.dark .clean-html-content *,.dark .mail-content,.dark .mail-content *,.dark .html-content,.dark .html-content *{color:#e5edf9!important;background-color:#0000!important;border-color:#475569b8!important}.dark .nav-button,.dark .tool-button,.dark .workspace-actions button,.dark .reader-meta-toggle,.dark .inline-detail-button,.dark .reader-detail-button,.dark .mailbox-copy-chip,.dark .current-mail-chip{color:#c7d2fe;background:#6366f124;border-color:#818cf84d}.dark .nav-button.active,.dark .create-button,.dark .primary-button{color:#fff;background:linear-gradient(135deg,#7c83ff,#6366f1)}.dark .notice-banner{background:#2563eb24;border-color:#60a5fa40}.dark .mailbox-card.active,.dark .message-item.active{background:#6366f124;border-color:#818cf873}.dark .read-badge,.dark .message-state-badge,.dark .info-pill,.dark .mail-status-line span{background:#1e293be0;border-color:#475569a6}.dark .mailbox-state.active,.dark .active-badge{color:#bbf7d0;background:#16653447;border-color:#22c55e4d}.dark .mailbox-remove,.dark .danger-button{color:#fecaca;background:#7f1d1d4d}.dark .workspace-header,.dark .reader-header-bar,.dark .reader-head,.dark .compact-reader-head,.dark .simple-reader-head{border-bottom-color:#4755698c}.dark .empty-art:before{background:#0f172aeb;border-color:#818cf840}.dark .empty-art:after{border-color:#818cf840}@media (width<=1100px){:root{--content-width:min(94vw, 1380px)}.workspace-layout{grid-template-columns:230px minmax(0,1fr)}.message-layout{grid-template-columns:260px minmax(0,1fr)}.brand-title{font-size:26px}}@media (width<=900px){html,body,#app{height:auto;overflow:hidden auto}.app-page{height:auto;min-height:100vh;padding:12px;overflow:visible}.app-shell{flex-direction:column;width:100%;height:auto;min-height:100vh;display:flex}.top-header{flex-direction:column;align-items:flex-start}.header-actions{flex-direction:column;align-items:flex-start;width:100%}.workspace-layout,.message-layout,.create-compact-layout,.create-inline-row{grid-template-columns:1fr}.workspace-layout,.message-layout{height:auto;overflow:visible}.mailbox-sidebar,.workspace-main,.mail-reader-panel{height:auto;min-height:0}.mailbox-list,.message-list-panel,.clean-mail-content,.clean-html-content,.mail-content,.html-content{max-height:none;overflow:visible}.reader-meta-grid,.mail-meta-panel{grid-template-columns:1fr}.placeholder-shell{text-align:center;flex-direction:column}.empty-art{margin-bottom:16px;margin-right:0}html,body,#app{width:100%;height:auto;min-height:100%;overflow:hidden auto}.app-page{width:100%;height:auto;min-height:100dvh;padding:10px;overflow:visible}.app-shell{flex-direction:column;gap:10px;width:100%;height:auto;min-height:100dvh;display:flex}.page-content{overflow:visible}.glass-card{border-radius:20px}.top-header{align-items:stretch;gap:14px;padding:14px}.brand-title{font-size:24px;line-height:1.15}.brand-subtitle{font-size:12px;line-height:1.5}.header-actions{gap:10px;width:100%}.header-nav,.header-tools{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;display:grid}.header-tools{grid-template-columns:repeat(2,minmax(0,1fr))}.nav-button,.tool-button{width:100%;height:36px;padding:0 8px;font-size:12px}.home-layout{flex-direction:column;gap:10px;height:auto;min-height:0;display:flex}.create-card{padding:14px}.create-compact-layout{grid-template-columns:1fr;gap:10px;display:grid}.create-title-block h2{font-size:18px}.create-inline-row{grid-template-columns:1fr;gap:10px;display:grid}.create-inline-row input,.create-button{height:42px;font-size:13px}.notice-banner{border-radius:16px;align-items:flex-start;font-size:12px;line-height:1.5}.workspace-layout{flex-direction:column;gap:10px;height:auto;min-height:0;display:flex;overflow:visible}.mailbox-sidebar{height:auto;min-height:0;padding:14px;overflow:hidden}.sidebar-header{margin-bottom:10px}.sidebar-header h2{font-size:18px}.mailbox-list{scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;gap:10px;padding:0 2px 6px;display:flex;overflow:auto hidden}.mailbox-card{scroll-snap-align:start;flex:none;width:78vw;min-width:250px;max-width:320px;margin:0}.mailbox-card+.mailbox-card{margin-top:0}.mailbox-card-title{font-size:12px}.mailbox-card-actions{gap:8px}.mailbox-remove{height:30px;padding:0 10px;font-size:11px}.workspace-main{height:auto;min-height:0;padding:14px;overflow:visible}.workspace-header{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:12px;display:flex}.workspace-header h2{font-size:18px}.workspace-subline{align-items:stretch;gap:8px}.mailbox-copy-chip{justify-content:flex-start;width:100%;height:38px;font-size:12px}.info-pill{min-height:32px;font-size:11px}.workspace-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.workspace-actions .refresh-control{grid-column:1/-1}.workspace-actions button,.refresh-control select{width:100%;height:38px}.refresh-control{grid-template-columns:auto 1fr;align-items:center;width:100%;display:grid}.message-layout{flex-direction:column;gap:10px;height:auto;min-height:0;display:flex;overflow:visible}.message-list-panel{-webkit-overflow-scrolling:touch;min-height:0;max-height:44vh;padding-right:2px;overflow:hidden auto}.message-item{border-radius:16px;padding:13px}.message-sender{font-size:12px}.message-subject,.message-time{font-size:11px}.mail-reader-panel{height:auto;min-height:360px;scroll-margin-top:10px;overflow:visible}.mail-reader-inner{height:auto;min-height:360px;overflow:hidden}.reader-header-bar{flex-direction:column;align-items:stretch;padding:12px}.sender-pill{border-radius:16px;justify-content:flex-start;width:100%}.sender-pill strong{white-space:normal;word-break:break-word}.reader-meta-toggle{width:100%;height:36px}.reader-meta-grid,.mail-meta-panel{grid-template-columns:1fr;padding:12px 12px 0}.mail-body-card{min-height:280px;padding:12px;overflow:visible}.clean-mail-content,.clean-html-content,.mail-content,.html-content{word-break:break-word;overflow-wrap:anywhere;-webkit-overflow-scrolling:touch;height:auto;min-height:280px;max-height:62vh;padding:14px;font-size:13px;line-height:1.75;overflow:auto}.clean-html-content,.clean-html-content *{word-break:break-word;overflow-wrap:anywhere;max-width:100%!important}.clean-html-content img,.html-content img{max-width:100%!important;height:auto!important}.clean-html-content table,.html-content table{overflow-x:auto;width:auto!important;max-width:100%!important}.placeholder-shell{min-height:240px;padding:18px 12px}.placeholder-shell.small{min-height:90px}.empty-art{width:120px;height:96px;margin:0 0 14px}.empty-copy strong{font-size:17px}.empty-copy p{font-size:12px}}@media (width<=480px){.app-page{padding:8px}.top-header,.create-card,.mailbox-sidebar,.workspace-main,.site-footer,.account-page,.about-page,.legal-page{border-radius:18px}.brand-title{font-size:22px}.brand-subtitle{font-size:11px}.mailbox-card{width:84vw;min-width:240px}.workspace-actions{grid-template-columns:1fr}.workspace-actions .refresh-control{grid-column:auto}.refresh-control{grid-template-columns:1fr;gap:6px}.message-list-panel{max-height:42vh}.clean-mail-content,.clean-html-content,.mail-content,.html-content{max-height:58vh}}@media (width<=900px){.dark .mailbox-list::-webkit-scrollbar-thumb{background:#94a3b857}.dark .message-list-panel::-webkit-scrollbar-thumb{background:#94a3b857}.dark .clean-mail-content::-webkit-scrollbar-thumb{background:#94a3b857}.dark .clean-html-content::-webkit-scrollbar-thumb{background:#94a3b857}.dark .mail-content::-webkit-scrollbar-thumb{background:#94a3b857}.dark .html-content::-webkit-scrollbar-thumb{background:#94a3b857}.dark .mailbox-card,.dark .message-item,.dark .mail-reader-inner{background:#0f172af5;border-color:#475569cc}.dark .mailbox-card.active,.dark .message-item.active{background:#4f46e533;border-color:#818cf89e}.dark .mailbox-copy-chip,.dark .reader-meta-toggle,.dark .workspace-actions button,.dark .refresh-control select{color:#dbe4ff;background:#1e293bf2;border-color:#6366f161}.dark .info-pill,.dark .read-badge,.dark .mailbox-state,.dark .sender-pill,.dark .meta-row{color:#cbd5e1;background:#0f172af5;border-color:#475569c7}.dark .clean-mail-content,.dark .clean-html-content,.dark .mail-content,.dark .html-content{color:#e5edf9;background:#111827;border-color:#475569d9}.dark .clean-mail-content,.dark .clean-mail-content *,.dark .clean-html-content,.dark .clean-html-content *,.dark .mail-content,.dark .mail-content *,.dark .html-content,.dark .html-content *{color:#e5edf9!important}.dark .clean-html-content a,.dark .html-content a{color:#93c5fd!important}.dark .reader-header-bar{background:#0f172af5}}.brand-kicker{color:#3447d4}.dark .brand-kicker{color:#aebcff}.brand-title-row{align-items:center;gap:10px;display:flex}.brand-icon{color:#fff;background:linear-gradient(135deg,#7c83ff,#6366f1);border-radius:12px;flex:0 0 34px;place-items:center;width:34px;height:34px;font-size:18px;font-weight:900;display:grid;box-shadow:0 10px 24px #6366f13d}.dark .brand-icon{box-shadow:0 10px 24px #6366f152}@media (width<=900px){.brand-icon{border-radius:10px;flex-basis:30px;width:30px;height:30px;font-size:16px}}.account-page,.about-page,.legal-page,.faq-page,.site-footer{width:100%;max-width:none;margin-left:auto;margin-right:auto}.account-page,.about-page,.legal-page,.faq-page{background:var(--card-bg-strong);height:100%;min-height:0;padding:26px 30px;overflow:auto}.account-page{align-content:start;gap:14px;display:grid}.account-hero,.account-history{border:1px solid var(--card-border);background:#fff;border-radius:22px;padding:22px}.account-capsule{align-items:center;gap:16px;display:flex}.account-avatar{color:#fff;background:linear-gradient(135deg,#7c83ff,#6366f1);border-radius:18px;flex:0 0 54px;place-items:center;width:54px;height:54px;font-size:22px;font-weight:900;display:grid}.account-info{gap:6px;min-width:0;display:grid}.meta-label{color:#64748b;letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:900}.account-info strong{color:#162033;word-break:break-word;font-size:20px;font-weight:900;line-height:1.35}.account-info small{color:#64748b;word-break:break-word;font-size:12px}.capsule-tags{flex-wrap:wrap;gap:8px;display:flex}.capsule-tag{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;align-items:center;min-height:28px;padding:0 10px;font-size:11px;font-weight:800;display:inline-flex}.capsule-tag.success{color:#2f7a2f;background:#eaf9ea;border-color:#b9e3b8}.account-actions{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.account-actions button{color:#4f46e5;background:#eef2ff;border-radius:12px;min-height:34px;padding:0 12px;font-size:12px;font-weight:800}.account-empty{text-align:center;color:#64748b;place-items:center;min-height:160px;display:grid}.account-empty strong{color:#162033;margin-bottom:6px;font-size:18px;display:block}.account-mailbox-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin-top:14px;display:grid}.about-page h2{color:#162033;margin:0 0 18px;font-size:28px;font-weight:900;line-height:1.2}.about-page p{color:#475569;margin:0 0 12px;font-size:13px;line-height:1.8}.about-warning,.about-notice{border-radius:18px;gap:6px;margin-top:16px;padding:18px;display:grid}.about-warning{color:#9a5a14;background:#fff7ed;border:1px solid #fed7aa}.about-notice{color:#3155c9;background:#eff6ff;border:1px solid #bfdbfe}.about-warning strong,.about-notice strong{font-size:14px}.about-warning span,.about-notice span,.about-warning p,.about-notice p{margin:0;font-size:13px;line-height:1.7}.legal-page{align-content:start;gap:14px;display:grid}.legal-hero{max-width:920px}.legal-kicker{color:#64748b;letter-spacing:.14em;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:900}.legal-hero h1{color:#162033;letter-spacing:-.04em;margin:0 0 12px;font-size:34px;font-weight:900;line-height:1.15}.legal-hero p{color:#64748b;margin:0;font-size:14px;line-height:1.8}.legal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.legal-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;padding:20px}.legal-card h2{color:#1e293b;margin:0 0 12px;font-size:19px;font-weight:900;line-height:1.35}.legal-card p,.legal-card li{color:#64748b;font-size:13px;line-height:1.8}.legal-card p{margin:0}.legal-card ol{margin:0;padding-left:20px}.legal-contact-card{gap:8px;display:grid}.legal-contact-card span{color:#64748b;font-size:12px;font-weight:900}.legal-contact-card a{color:#4338ca;word-break:break-word;font-size:14px;font-weight:900}.legal-warning{color:#9a5a14;background:#fff7ed;border:1px solid #fed7aa;border-radius:20px;padding:20px}.legal-warning strong{margin-bottom:8px;font-size:15px;display:block}.legal-warning p{margin:0;font-size:13px;line-height:1.8}.faq-page{color:#162033}.faq-hero{max-width:900px;margin-bottom:22px}.faq-kicker{color:#64748b;letter-spacing:.14em;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:900}.faq-hero h1{color:#162033;letter-spacing:-.04em;margin:0 0 12px;font-size:34px;font-weight:900;line-height:1.15}.faq-hero p{color:#64748b;margin:0;font-size:14px;line-height:1.8}.faq-groups{gap:16px;display:grid}.faq-group{background:#fff;border:1px solid #e2e8f0;border-radius:22px;padding:20px}.faq-group h2{color:#1e293b;margin:0 0 14px;font-size:20px;font-weight:900;line-height:1.35}.faq-list{gap:10px;display:grid}.faq-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden}.faq-item summary{cursor:pointer;color:#1f2a44;padding:14px 16px;font-size:13px;font-weight:900;line-height:1.5;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";float:right;color:#6366f1;font-weight:900}.faq-item[open] summary:after{content:"−"}.faq-item p{color:#64748b;margin:0;padding:0 16px 16px;font-size:13px;line-height:1.8}.site-footer{background:var(--card-bg-strong);padding:18px 22px 14px}.footer-main{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:24px;display:grid}.footer-brand{flex-direction:column;gap:6px;min-width:0;max-width:680px;display:flex}.footer-brand strong{color:#162033;font-size:15px;font-weight:900;line-height:1.2}.footer-brand span{color:#64748b;font-size:12px;line-height:1.55}.footer-links{flex-shrink:0;justify-content:flex-end;align-items:flex-start;gap:28px;display:flex}.footer-link-group{flex-direction:column;gap:8px;min-width:112px;display:flex}.footer-link-group strong{color:#334155;font-size:12px;font-weight:900;line-height:1.2}.footer-link-list{flex-wrap:wrap;gap:8px 12px;display:flex}.footer-link-group button{color:#64748b;text-align:left;width:auto;min-width:44px;min-height:34px;box-shadow:none;background:0 0;border-radius:0;padding:6px 0;font-size:12px;font-weight:800;line-height:1.35}.footer-link-group button:hover,.footer-link-group button.active{color:#4338ca}.footer-bottom{color:#64748b;border-top:1px solid #e2e8f0;margin-top:10px;padding-top:10px;font-size:11px;line-height:1.5}.dark .account-page,.dark .about-page,.dark .legal-page,.dark .faq-page,.dark .site-footer{background:var(--card-bg-strong-dark);border-color:var(--card-border-dark)}.dark .account-hero,.dark .account-history,.dark .legal-card,.dark .faq-group{background:#0f172af5;border-color:#475569c7}.dark .faq-item{background:#1e293be0;border-color:#475569c7}.dark .faq-item[open]{background:#1e293bf5}.dark .account-info strong,.dark .account-empty strong,.dark .about-page h2,.dark .legal-hero h1,.dark .legal-card h2,.dark .faq-hero h1,.dark .faq-group h2,.dark .faq-item summary,.dark .footer-brand strong,.dark .footer-link-group strong{color:#eef4ff}.dark .meta-label,.dark .account-info small,.dark .account-empty,.dark .about-page p,.dark .legal-hero p,.dark .legal-card p,.dark .legal-card li,.dark .legal-contact-card span,.dark .faq-kicker,.dark .faq-hero p,.dark .faq-item p,.dark .footer-brand span,.dark .footer-bottom{color:#cbd5e1}.dark .capsule-tag{color:#cbd5e1;background:#1e293be6;border-color:#475569b8}.dark .capsule-tag.success{color:#bbf7d0;background:#16653447;border-color:#22c55e4d}.dark .account-actions button,.dark .legal-contact-card a,.dark .footer-link-group button.active,.dark .footer-link-group button:hover{color:#fff}.dark .account-actions button{background:#6366f124}.dark .faq-item summary:after{color:#c7d2fe}.dark .about-warning,.dark .legal-warning{color:#ffd69f;background:#523311e6;border-color:#9b6827d9}.dark .about-notice{color:#bfdbfe;background:#162b4be6;border-color:#3b82f666}.dark .footer-link-group button{color:#cbd5e1}.dark .footer-link-group button:hover,.dark .footer-link-group button.active{color:#fff}.dark .footer-bottom{border-top-color:#475569b8}@media (width<=900px){.account-page,.about-page,.legal-page,.faq-page,.site-footer{height:auto;padding:18px;overflow:visible}.account-capsule{align-items:flex-start;gap:12px}.account-avatar{border-radius:16px;flex-basis:46px;width:46px;height:46px;font-size:18px}.account-info strong{font-size:16px}.account-actions{grid-template-columns:1fr;display:grid}.account-actions button{width:100%;height:36px}.account-mailbox-grid,.legal-grid{grid-template-columns:1fr}.footer-main{grid-template-columns:1fr;gap:16px}.footer-links{justify-content:flex-start;gap:20px;width:100%}.footer-link-group{min-width:0}.footer-link-list{gap:6px 14px}.footer-link-group button{min-height:40px;padding:8px 0}.footer-bottom{font-size:11px}.about-page h2,.legal-hero h1,.faq-hero h1{font-size:24px}.about-page p,.legal-hero p,.legal-card p,.legal-card li,.faq-hero p,.faq-item p{font-size:13px}.legal-card,.legal-warning,.about-warning,.about-notice,.faq-group{border-radius:18px;padding:16px}.faq-group h2{font-size:18px}.faq-item summary{padding:13px 14px}.faq-item p{padding:0 14px 14px}}@media (width<=640px){.legal-hero h1,.about-page h2,.faq-hero h1{font-size:22px}.footer-links{flex-direction:column;gap:14px}.footer-link-list{gap:6px 14px}.account-mailbox-grid{grid-template-columns:1fr}.account-page,.about-page,.legal-page,.faq-page,.site-footer{padding:14px}}