:root{--blue:#2f73ff;--blue2:#245ee6;--ink:#172033;--muted:#748096;--line:#dce3ef;--soft:#f6f8fc;--orange:#ff7426;--green:#0ebc78;--shadow:0 12px 35px rgba(35,62,110,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;background:#fff}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.portal-ribbon{height:40px;padding:0 20px;background:linear-gradient(100deg,#4718ff,#2e7dff);display:flex;align-items:center;justify-content:center;gap:16px;color:#fff;font-size:14px}.portal-ribbon a{padding:6px 14px;border-radius:18px;background:#172033;font-size:12px}.site-header{height:104px;max-width:1320px;margin:auto;padding:0 24px;display:flex;align-items:center;gap:30px}.portal-logo{display:flex;align-items:center;gap:10px;font-size:27px;font-weight:850;letter-spacing:-1px}.logo-mark{width:35px;height:35px;display:grid;place-items:center;border:4px solid currentColor;border-radius:8px;transform:rotate(45deg);font-size:17px}.logo-mark::first-letter{transform:rotate(-45deg)}.logo-seo{margin-left:4px;color:#b18220;font-size:13px;letter-spacing:0}.public-nav{margin-left:auto;display:flex;align-items:center;gap:34px;font-size:16px;font-weight:700}.public-nav a:hover{color:var(--blue)}.manager-button{margin-left:20px;padding:18px 24px;border-radius:13px;background:#f4f6fa;box-shadow:var(--shadow);font-weight:800;white-space:nowrap}.manager-button span{color:var(--blue)}.mobile-menu{display:none;margin-left:auto;border:0;background:none;font-size:25px}.portal-main{max-width:1140px;margin:60px auto 120px;padding:0 22px}.feature-nav{display:grid;grid-template-columns:390px 160px 1fr;align-items:center;gap:0;margin-bottom:22px}.feature-tabs,.section-tabs{height:58px;padding:5px;border:1px solid #d7deea;border-radius:13px;display:flex;background:#fff;box-shadow:0 8px 22px rgba(50,80,145,.06)}.feature-tabs a{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;border-radius:10px;font-weight:800;color:#172033}.feature-tabs a span{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:#e8efff;color:var(--blue);font-size:12px}.feature-tabs a.active{color:#fff;background:linear-gradient(135deg,#4384ff,#2765ed);box-shadow:0 7px 18px rgba(47,115,255,.32)}.feature-tabs a.active span{background:#fff;color:var(--blue)}.next-label{padding-left:24px;color:#9aa4b7;font-size:12px;line-height:1.5}.next-label strong{color:var(--blue);font-size:13px}.section-tabs a{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:10px}.section-tabs a b{font-size:15px}.section-tabs a small{padding:5px 9px;border-radius:12px;background:#eef1f7;color:#60708a;font-weight:700}.section-tabs a.active{color:#fff;background:linear-gradient(135deg,#4384ff,#2765ed)}.section-tabs a.active small{color:#fff;background:rgba(255,255,255,.2)}.stats-grid{display:grid;grid-template-columns:1.15fr 1.15fr .85fr;gap:16px;margin-bottom:16px}.stat-card,.expiry-card,.panel{border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 8px 28px rgba(40,70,120,.045)}.stat-card{min-height:124px;padding:20px;display:grid;grid-template-columns:1.2fr 1fr}.stat-card>div{border-right:1px solid var(--line)}.stat-card small,.expiry-card small{display:block;color:#7d879a;font-weight:700;margin-bottom:8px}.stat-card strong,.expiry-card strong{display:block;font-size:27px;line-height:1.1;margin-bottom:8px}.stat-card b{font-size:12px;color:var(--blue)}.stat-card dl{display:grid;grid-template-columns:1fr auto;align-content:center;gap:7px;margin:0;padding-left:16px;font-size:12px;font-weight:700}.stat-card dt{color:#8390a5}.stat-card dd{margin:0;color:var(--blue)}.stat-card.orange b,.stat-card.orange dd{color:var(--orange)}.expiry-card{padding:20px}.expiry-card span,.expiry-card em{display:block;color:#707c91;font-size:13px;font-style:normal}.expiry-card em{margin-top:7px;color:var(--blue)}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.panel{padding:22px;margin-bottom:22px}.panel header{padding-bottom:14px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.panel header h2{margin:0;font-size:17px}.panel header span{color:#7f8a9c;font-size:12px}.chart-body{min-height:330px;display:flex;align-items:center;justify-content:center;gap:45px}.donut{width:190px;height:190px;border-radius:50%;background:conic-gradient(#2f73ff 0 57%,#205ed5 57% 79%,#78adff 79% 93%,#ff7426 93% 96%,#b8c0ca 96% 98%,#a5adb9 98% 99%,#0ebc78 99% 99.5%,#ec3949 99.5%);position:relative}.donut:after{content:"";position:absolute;inset:46px;background:white;border-radius:50%}.chart-body ul{list-style:none;padding:0;margin:0;display:grid;gap:8px;font-size:12px;font-weight:700}.chart-body i{width:8px;height:8px;border-radius:2px;display:inline-block;margin-right:8px}.c1{background:#2f73ff}.c2{background:#205ed5}.c3{background:#78adff}.c4{background:#ff7426}.c5{background:#b8c0ca}.c6{background:#a5adb9}.c7{background:#0ebc78}.c8{background:#ec3949}.log-console{height:300px;margin-top:15px;padding:14px;border-radius:10px;background:#1e2430;color:#dbe5f5;font:12px/1.72 ui-monospace,SFMono-Regular,Consolas,monospace;overflow:hidden}.log-line{display:grid;grid-template-columns:70px 1fr 110px 35px;gap:8px}.log-line b{color:#3c8cff}.log-line em{font-style:normal;color:#00da89;font-weight:800}.instructions p{font-size:14px}.instructions p b{color:#ff3c2e}.wide{height:42px;margin-top:10px;border-radius:22px;display:grid;place-items:center;background:#ebf0ff;color:var(--blue)}.wide.dark{background:#202530;color:#fff}.alert{margin:15px 0;padding:13px 16px;border-radius:10px;font-size:14px;border:1px solid}.alert a{text-decoration:underline;font-weight:800}.alert-success{color:#087448;background:#edfff7;border-color:#b9eed7}.alert-error{color:#a72525;background:#fff0f0;border-color:#f2c4c4}.alert-warning{color:#946015;background:#fff8e6;border-color:#f0d79c}.panel-title{display:flex;justify-content:space-between;align-items:flex-start;gap:30px;margin-bottom:20px}.panel-title h1,.info-hero h1{margin:6px 0 8px;font-size:27px}.panel-title p,.info-hero p{margin:0;color:#6e7b91}.eyebrow{color:var(--blue);font-size:12px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.metric{text-align:right}.metric b{font-size:24px;color:var(--blue);display:block}.metric small{color:#7a8799}.mini-metrics{display:flex;gap:8px;flex-wrap:wrap}.mini-metrics span{min-width:82px;padding:10px;border:1px solid var(--line);border-radius:10px;font-size:11px;color:#6f7c91;text-align:center}.mini-metrics b{display:block;color:var(--blue);font-size:16px}.portal-form{display:grid;gap:15px}.portal-form label{display:grid;gap:7px}.portal-form label>span{font-size:13px;font-weight:800}.portal-form label>small{color:#7f8a9b}.portal-form input,.portal-form textarea{width:100%;border:1px solid #cfd7e5;border-radius:10px;padding:13px 14px;outline:0;transition:.2s;background:#fff;color:var(--ink)}.portal-form input:focus,.portal-form textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(47,115,255,.11)}.portal-form textarea{resize:vertical;line-height:1.65}.submit-button{min-height:45px;padding:12px 22px;border:0;border-radius:10px;background:linear-gradient(135deg,#4184ff,#245ee6);color:#fff;font-weight:800;cursor:pointer;box-shadow:0 9px 20px rgba(47,115,255,.22);text-align:center}.submit-button:hover{filter:brightness(.98);transform:translateY(-1px)}.submit-button:disabled{opacity:.45;cursor:not-allowed;transform:none}.submit-button.inline{display:inline-flex;align-items:center;justify-content:center;margin-top:12px}.upload-form{display:grid;gap:16px}.dropzone{min-height:245px;border:2px dashed #b9c6dc;border-radius:14px;background:#f8faff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;cursor:pointer;text-align:center}.dropzone:hover{border-color:var(--blue);background:#f2f6ff}.dropzone input{position:absolute;opacity:0;pointer-events:none}.upload-icon{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#e5edff;color:var(--blue);font-size:28px}.dropzone small{color:#7c899d}.action-row{display:flex;gap:12px;margin-top:16px;flex-wrap:wrap}.action-row a{padding:9px 15px;border-radius:9px;background:#f0f4fb;color:var(--blue);font-size:13px;font-weight:750}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th,td{padding:12px;border-bottom:1px solid var(--line);text-align:left}th{color:#778399}.status-pill{display:inline-flex;padding:5px 9px;border-radius:15px;color:#087448;background:#e7fbf2;font-size:12px;font-weight:800}.empty-state{padding:32px;text-align:center;color:#8a96a8}.info-hero{min-height:270px;display:flex;align-items:center;gap:25px;padding:42px}.round-icon{width:70px;height:70px;flex:0 0 70px;border-radius:22px;background:#e8efff;color:var(--blue);display:grid;place-items:center;font-weight:900;font-size:20px}.orange-bg{color:var(--orange);background:#fff0e8}.two-column-form{grid-template-columns:1fr 1fr}.two-column-form .full{grid-column:1/-1}.file-field{padding:15px;border:1px dashed #b9c6dc;border-radius:12px}.settings-grid{display:grid;grid-template-columns:300px 1fr;gap:20px}.account-card{text-align:center;padding:45px 25px}.account-card .round-icon{margin:0 auto 18px}.account-card h1{margin:0 0 5px}.account-card p{color:#778399;word-break:break-all}.settings-card dl{display:grid;grid-template-columns:160px 1fr;margin:20px 0}.settings-card dt,.settings-card dd{padding:13px 0;border-bottom:1px solid var(--line)}.settings-card dt{color:#788599}.settings-card dd{margin:0;font-weight:750}.password-grid{grid-template-columns:1fr 360px}.security-tips ul{padding-left:20px;color:#647087;line-height:2}.auth-page{min-height:680px;padding:70px 20px;background:linear-gradient(135deg,rgba(22,65,149,.95),rgba(47,115,255,.86)),url("/assets/images/wk-bg.jpg") center/cover}.auth-shell{max-width:1140px;margin:auto}.auth-intro{display:flex;align-items:center;gap:18px;margin-bottom:25px;color:#fff}.auth-brand-mark{width:55px;height:55px;display:grid;place-items:center;border:2px solid #fff;border-radius:15px;font-size:26px;font-weight:900}.auth-intro strong{display:block;font-size:27px}.auth-intro span{letter-spacing:.3em;font-size:12px}.auth-intro p{margin:4px 0 0;opacity:.75}.auth-card{display:grid;grid-template-columns:1.1fr .9fr;overflow:hidden;border-radius:16px;background:#fff;box-shadow:0 30px 80px rgba(0,0,0,.25)}.auth-main{padding:42px 48px}.auth-main h1{font-size:27px;margin:0 0 7px}.auth-main>p{margin:0;color:#7a879a}.auth-tabs{display:flex;gap:25px;margin:28px 0 22px;border-bottom:1px solid var(--line)}.auth-tabs a{padding:0 0 12px;color:#8792a4;font-weight:800}.auth-tabs a.active{color:var(--blue);border-bottom:3px solid var(--blue)}.forgot{display:block;margin-top:14px;text-align:center;color:#71809a;font-size:13px}.auth-side{padding:48px 42px;background:linear-gradient(150deg,#f5f8ff,#e9f0ff)}.auth-side h2{font-size:29px;line-height:1.35;margin:10px 0}.auth-side p{color:#63718a;line-height:1.65}.auth-side ul{padding-left:20px;line-height:2;color:#56657e}.auth-side>a{display:inline-flex;margin-top:12px;padding:12px 20px;border:1px solid var(--blue);border-radius:10px;color:var(--blue);font-weight:800}.captcha-row{display:grid;grid-template-columns:1fr 90px 56px;align-items:center;gap:8px}.captcha{height:45px;display:grid;place-items:center;border-radius:9px;background:repeating-linear-gradient(135deg,#edf2ff,#edf2ff 8px,#dce6ff 8px,#dce6ff 16px);color:#244f9f;font:italic 800 21px Georgia;letter-spacing:4px}.captcha-row a{font-size:12px;color:var(--blue)}.portal-footer{max-width:1320px;margin:0 auto;padding:55px 24px 22px;display:grid;grid-template-columns:1fr 220px;gap:30px;color:#526079}.portal-logo-small{font-size:22px;color:#172033}.portal-logo-small .logo-mark{width:29px;height:29px;font-size:13px}.portal-footer p{font-size:14px}.footer-links{display:flex;gap:16px;flex-wrap:wrap;font-size:13px;font-weight:700}.footer-actions{display:grid;gap:8px;text-align:center}.footer-actions>a{padding:12px;border-radius:8px;background:#ecf1ff;color:var(--blue)}.footer-actions>a.primary{background:var(--blue);color:#fff}.footer-actions small{line-height:1.5}.copyright{grid-column:1/-1;padding-top:20px;margin-top:20px;border-top:1px solid var(--line);font-size:12px}
@media(max-width:1050px){.public-nav{gap:15px;font-size:14px}.manager-button{padding:14px}.feature-nav{grid-template-columns:1fr}.next-label{display:none}.section-tabs{margin-top:10px}.stats-grid{grid-template-columns:1fr 1fr}.expiry-card{grid-column:1/-1}.dashboard-grid{grid-template-columns:1fr}.settings-grid,.password-grid{grid-template-columns:1fr}}
@media(max-width:760px){.portal-ribbon{font-size:12px}.site-header{height:75px}.public-nav{display:none;position:absolute;top:115px;left:0;right:0;padding:20px;background:#fff;z-index:30;box-shadow:var(--shadow);flex-direction:column}.public-nav.open{display:flex}.manager-button{display:none}.mobile-menu{display:block}.portal-main{margin-top:30px;padding:0 13px}.feature-tabs,.section-tabs{overflow:auto}.feature-tabs a,.section-tabs a{min-width:110px}.stats-grid{grid-template-columns:1fr}.expiry-card{grid-column:auto}.stat-card{grid-template-columns:1fr}.stat-card>div{border-right:0;border-bottom:1px solid var(--line);padding-bottom:12px}.stat-card dl{padding:12px 0 0}.chart-body{flex-direction:column;padding:25px 0}.log-line{grid-template-columns:58px 1fr 95px 30px}.panel{padding:16px}.panel-title{display:block}.mini-metrics{margin-top:15px}.two-column-form{grid-template-columns:1fr}.two-column-form .full{grid-column:auto}.auth-page{padding:35px 12px}.auth-card{grid-template-columns:1fr}.auth-main,.auth-side{padding:30px 24px}.portal-footer{grid-template-columns:1fr}.copyright{grid-column:auto}}