:root{--ink:#17323b;--muted:#687b82;--line:#dce7e8;--canvas:#f3f7f7;--paper:#fff;--accent:#087f75;--accent-dark:#08665f;--danger:#b64242;--warning:#8a6218;--shadow:0 18px 55px rgba(31,71,75,.1)}*{box-sizing:border-box}html{min-width:0}body{margin:0;color:var(--ink);background:var(--canvas);font:14px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;overflow-wrap:anywhere}a{color:var(--accent);text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #72cec5;outline-offset:2px}h1{margin:2px 0 0;font-size:28px;line-height:1.3}h2{margin:0 0 12px;font-size:18px}.eyebrow{margin:0 0 4px;color:var(--accent);font-size:11px;font-weight:700;letter-spacing:1.7px}.muted,.timezone{color:var(--muted);font-size:12px}.user-brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-size:20px;font-weight:700}.user-brand small{display:block;color:var(--muted);font-size:10px;font-weight:500;letter-spacing:1.6px}.user-brand-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--accent);color:#fff;font-size:23px}.user-header{height:72px;padding:0 clamp(18px,4vw,58px);display:flex;align-items:center;justify-content:space-between;background:var(--paper);border-bottom:1px solid var(--line)}.user-account{display:flex;align-items:center;gap:16px;min-width:0}.username{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-nav{display:flex;gap:4px;padding:9px clamp(12px,4vw,52px);overflow-x:auto;background:#14343b;scrollbar-width:thin}.user-nav a{flex:0 0 auto;padding:9px 15px;border-radius:7px;color:#c8dbde}.user-nav a:hover,.user-nav a.active{background:#25545a;color:#fff}.user-main{max-width:1220px;margin:auto;padding:32px clamp(16px,4vw,46px) 80px}.page-section{display:none}.user-portal[data-section="home"] [data-panel="home"],.user-portal[data-section="links"] [data-panel="links"],.user-portal[data-section="usage"] [data-panel="usage"],.user-portal[data-section="help"] [data-panel="help"],.user-portal[data-section="security"] [data-panel="security"]{display:block}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.panel,.entitlement-card,.boundary-card{padding:22px;background:var(--paper);border:1px solid var(--line);border-radius:12px;box-shadow:0 1px 1px rgba(10,50,50,.02);margin-bottom:20px}.notice{padding:12px 15px;border-left:3px solid var(--accent);background:#e8f3f1;color:#355c58;border-radius:3px;margin:0 0 20px}.notice.warning{border-color:#d09a3c;background:#fff8e8;color:#6f541f}.two-column{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.7fr);gap:28px}.boundary-card{margin:0;background:#f8fbfb;box-shadow:none}.field{display:block;min-width:0;margin-bottom:17px}.field>span,.secret-field>label{display:block;margin-bottom:6px;font-weight:600}.field input,.field select,.field textarea,.secret-field textarea{display:block;width:100%;height:42px;padding:9px 11px;color:var(--ink);background:#fff;border:1px solid #c6d4d6;border-radius:6px}.secret-field textarea{height:auto;resize:vertical;word-break:break-all}.primary-button{background:var(--accent);border-color:var(--accent);border-radius:6px}.primary-button:hover{background:var(--accent-dark)}.text-button{border:0;padding:5px;background:transparent;color:var(--accent);cursor:pointer}.form-message{min-height:22px;margin:12px 0 0;color:var(--danger);font-size:13px}.form-message.success{color:var(--accent-dark)}.entitlement-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.entitlement-card{margin:0}.entitlement-card-header{display:flex;justify-content:space-between;align-items:start;gap:14px}.status-badge{display:inline-block;padding:3px 8px;border-radius:999px;background:#e7f3f1;color:var(--accent-dark);font-size:12px;white-space:nowrap}.fact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px;margin:18px 0}.fact-grid div{min-width:0;padding-top:8px;border-top:1px solid #edf1f2}.fact-grid dt{color:var(--muted);font-size:11px}.fact-grid dd{margin:3px 0 0;font-weight:600}.card-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.sync-note{color:var(--muted);font-size:12px}.empty-state{grid-column:1/-1;padding:28px;text-align:center;color:var(--muted);background:#fff;border:1px dashed #cbd8da;border-radius:10px}.confirm-check{display:flex;align-items:flex-start;gap:8px;margin:2px 0 18px}.confirm-check input{margin-top:5px}.filter-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr 110px auto;align-items:end;gap:14px}.filter-grid .field,.inline-filter .field{margin-bottom:0}.filter-submit{margin-bottom:0}.inline-filter{display:flex;align-items:end;gap:15px}.compact-field{max-width:140px}.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.summary-card{padding:17px;background:#fff;border:1px solid var(--line);border-radius:10px}.summary-card span{display:block;color:var(--muted);font-size:11px}.summary-card strong{display:block;margin-top:5px;font-size:18px}.table-scroll{overflow-x:auto;padding:0}.layui-table{min-width:760px;margin:0;color:var(--ink);white-space:nowrap}.layui-table th{background:#f3f7f7}.table-empty{display:none;padding:28px;text-align:center;color:var(--muted)}.table-empty.visible{display:block}.pagination{display:flex;justify-content:center;align-items:center;gap:16px}.pagination button:disabled{opacity:.45;cursor:not-allowed}.help-card{max-width:760px}.security-form{max-width:680px}.global-message{position:fixed;z-index:40;right:22px;bottom:22px;max-width:min(430px,calc(100vw - 32px));margin:0;padding:12px 17px;border-radius:8px;background:#193b40;color:#fff;box-shadow:var(--shadow);opacity:0;transform:translateY(12px);pointer-events:none;transition:.2s}.global-message.visible{opacity:1;transform:none}dialog{width:min(700px,calc(100vw - 28px));max-height:calc(100vh - 28px);padding:24px;border:0;border-radius:13px;color:var(--ink);box-shadow:0 25px 90px rgba(16,46,50,.28);overflow:auto}dialog::backdrop{background:rgba(14,39,44,.48)}.dialog-heading{display:flex;align-items:start;justify-content:space-between;gap:15px;margin-bottom:18px}.secret-field{margin-bottom:20px}.secret-field .layui-btn{margin-top:8px}.user-login-page{min-height:100vh;display:grid;place-items:center;padding:22px;background:radial-gradient(circle at top left,#dff1ee 0,transparent 38%),var(--canvas)}.user-login-card{width:min(430px,100%);padding:38px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.user-login-card .user-brand{margin-bottom:32px}.user-login-card h1{margin-bottom:8px}.user-login-card .muted{margin:0 0 24px}.user-login-card .primary-button{width:100%;height:44px}.login-foot{margin:23px 0 0;text-align:center;color:var(--muted);font-size:11px}@media(max-width:800px){.user-header{height:auto;min-height:68px;padding:12px 16px}.username{max-width:120px}.user-nav{padding:7px 10px}.user-main{padding-top:23px}.page-heading{align-items:start;flex-direction:column;gap:5px}.two-column,.entitlement-grid{grid-template-columns:1fr}.filter-grid{grid-template-columns:1fr 1fr}.filter-grid .field:first-of-type{grid-column:1/-1}.filter-submit{align-self:end}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){h1{font-size:24px}.user-brand{font-size:17px}.user-brand-mark{width:36px;height:36px}.user-account{gap:6px}.username{display:none}.user-main{padding-left:12px;padding-right:12px}.panel,.entitlement-card,.boundary-card{padding:17px}.filter-grid{grid-template-columns:1fr}.filter-grid .field:first-of-type{grid-column:auto}.inline-filter{align-items:stretch;flex-direction:column}.compact-field{max-width:none}.summary-grid{grid-template-columns:1fr}.fact-grid{grid-template-columns:1fr}.pagination{gap:8px}.pagination span{font-size:12px}.user-login-card{padding:28px 22px}dialog{padding:18px}}@media(prefers-reduced-motion:reduce){.global-message{transition:none}}

/* 图形验证码与输入框并排，窄屏仍保留可点击的刷新区域。 */
.captcha-row { display: grid; grid-template-columns: minmax(0, 1fr) 140px; gap: 12px; align-items: center; }
.captcha-refresh { display: grid; justify-items: center; gap: 4px; font-size: 12px; text-decoration: none; }
.captcha-refresh img { display: block; width: 140px; height: auto; border: 1px solid #dce8e3; border-radius: 8px; }
.captcha-refresh[aria-busy="true"] { opacity: .6; cursor: wait; }

/* 套餐交易作为用户中心独立页面显示。 */
.user-portal[data-section="orders"] [data-panel="orders"] { display: block; }

/* 会员弹窗统一限制于实际视口，内容滚动时操作区仍可到达。 */
[hidden]{display:none!important}.user-portal[data-section="wallet"] [data-panel="wallet"],.user-portal[data-section="messages"] [data-panel="messages"]{display:block}.account-menu{position:relative;display:block}.account-menu summary{cursor:pointer;list-style:none;padding:8px}.account-menu-items{position:absolute;right:0;top:100%;z-index:50;width:190px;padding:8px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.account-menu-items>a,.account-menu-items>.text-button,.account-menu-items form button{display:block;width:100%;padding:10px 12px;text-align:left}.account-menu-items>a:hover,.account-menu-items button:hover{background:#e8f3f1}.account-menu-items form{margin:0}[data-unread-badge]{display:inline-block;min-width:20px;padding:0 5px;border-radius:10px;background:var(--danger);color:#fff;font-size:11px;text-align:center}.member-modal{padding:22px;min-width:0;max-width:100%;}.member-modal .panel{box-shadow:none;border:0;padding:0;margin:0}.member-modal .layui-btn{white-space:normal;height:auto;min-height:38px;line-height:1.5;padding:10px 16px}.user-portal .layui-layer{max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);border-radius:10px;overflow:hidden}.user-portal .layui-layer-content{max-height:calc(100dvh - 90px);overflow:auto!important}.global-message{z-index:2147483647}.wallet-balance{display:block;font-size:28px;color:var(--accent);font-variant-numeric:tabular-nums}.member-message-title{font-size:16px;font-weight:600;text-align:left;margin-right:12px}.member-message-body{white-space:pre-wrap;overflow-wrap:anywhere}.purchase-launch{margin-bottom:20px}.member-modal .security-form{max-width:none}@media(max-width:560px){.member-modal{padding:16px}.wallet-balance{font-size:23px}.account-menu .username{display:none}}
[hidden]{display:none!important}.user-portal[data-section="wallet"] [data-panel="wallet"],.user-portal[data-section="messages"] [data-panel="messages"]{display:block}.account-menu{position:relative;display:block}.account-menu summary{cursor:pointer;list-style:none;padding:8px}.account-menu-items{position:absolute;right:0;top:100%;z-index:50;width:190px;padding:8px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.account-menu-items>a,.account-menu-items>.text-button,.account-menu-items form button{display:block;width:100%;padding:10px 12px;text-align:left}.account-menu-items>a:hover,.account-menu-items button:hover{background:#e8f3f1}.account-menu-items form{margin:0}[data-unread-badge]{display:inline-block;min-width:20px;padding:0 5px;border-radius:10px;background:var(--danger);color:#fff;font-size:11px;text-align:center}.member-modal{padding:22px;min-width:0;max-width:100%;}.member-modal .panel{box-shadow:none;border:0;padding:0;margin:0}.member-modal .layui-btn{white-space:normal;height:auto;min-height:38px;line-height:1.5;padding:10px 16px}.user-portal .layui-layer{max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);border-radius:10px;overflow:hidden}.user-portal .layui-layer-content{max-height:calc(100dvh - 90px);overflow:auto!important}.global-message{z-index:2147483647}.wallet-balance{display:block;font-size:28px;color:var(--accent);font-variant-numeric:tabular-nums}.member-message-title{font-size:16px;font-weight:600;text-align:left;margin-right:12px}.member-message-body{white-space:pre-wrap;overflow-wrap:anywhere}.purchase-launch{margin-bottom:20px}.member-modal .security-form{max-width:none}@media(max-width:560px){.member-modal{padding:16px}.wallet-balance{font-size:23px}.account-menu .username{display:none}.user-portal .layui-layer{left:12px!important;width:calc(100vw - 24px)!important}}

.commerce-payable{font-size:18px;font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums;margin:12px 0}

/* 单套餐概览占满可用宽度，流量查询只保留日期及分页筛选。 */
#overview-list{grid-template-columns:1fr;margin-bottom:20px}#traffic-form{grid-template-columns:1fr 1fr 110px auto}@media(max-width:800px){#traffic-form{grid-template-columns:1fr 1fr}}@media(max-width:480px){#traffic-form{grid-template-columns:1fr}}