:root{color:#1f2937;background:#f7f7f9;font-family:Noto Sans TC,Segoe UI,sans-serif}body{margin:0}#root{min-height:100vh}a{color:inherit}:root{--bg:#0b111a;--panel:#141c2beb;--panel-2:#192334f0;--text:#edf3ff;--muted:#9caecf;--line:#6883ad3d;--line-strong:#6883ad61;--gold:#f4c65c;--gold-2:#ffd97d;--accent:#67c8ff;--accent-2:#7de4d1;--shadow:0 18px 48px #03070f57}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{min-height:100vh;color:var(--text);text-rendering:optimizelegibility;background:radial-gradient(circle at 12% 8%,#67c8ff29,#0000 26%),radial-gradient(circle at 88% 0,#f4c65c1f,#0000 24%),linear-gradient(#10182a 0%,#0b111a 35%,#090e16 100%);margin:0;font-family:Noto Sans TC,Microsoft JhengHei,sans-serif}a{color:inherit;text-decoration:none}.page{isolation:isolate;min-height:100vh;position:relative}.page:before{content:"";pointer-events:none;z-index:-1;background:linear-gradient(120deg,#ffffff06,#0000 22% 78%,#ffffff05),linear-gradient(#0b111a33,#0b111a05);position:fixed;inset:0}.inner{width:min(1220px,100% - 32px);margin:0 auto}.topbar{z-index:20;background:#0a0a0a;border-bottom:1px solid #f4c65c26;position:sticky;top:0;box-shadow:0 8px 24px #0006}.nav-row{justify-content:space-between;align-items:center;gap:16px;min-height:100px;display:flex}.brand{color:var(--gold);letter-spacing:.02em;align-items:center;gap:0;margin-left:-4px;font-weight:800;display:inline-flex}.brand-logo{object-fit:contain;object-position:left center;clip-path:inset(10% 0);opacity:1;mix-blend-mode:normal;filter:drop-shadow(0 4px 16px #f4c65c3d);width:auto;height:90px;margin:0;display:block}.brand-text{white-space:nowrap;font-size:1.6rem;line-height:1}.nav-links{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.nav-link{color:var(--muted);border:1px solid #0000;border-radius:999px;padding:10px 13px;font-size:.94rem;font-weight:700;transition:color .14s,background-color .14s,border-color .14s,transform .14s}.nav-link:hover{color:var(--text);border-color:var(--line);background:#ffffff0a;transform:translateY(-1px)}.nav-link.active{color:var(--text);border-color:var(--line-strong);background:linear-gradient(135deg,#67c8ff29,#7de4d11f)}.main-wrap{padding:28px 0 64px}.site-footer{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a101beb;border-top:1px solid #5571ad2e}.footer-shell{padding:18px 0 8px}.footer-info{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px;display:grid}.footer-card{border:1px solid var(--line);background:#161f30d1;border-radius:14px;padding:12px}.footer-card h3{margin:0 0 8px;font-size:1rem}.footer-row{justify-content:space-between;align-items:center;gap:14px;min-height:72px;padding:10px 0;display:flex}.footer-links{flex-wrap:wrap;gap:14px;display:flex}.footer-links a{color:var(--muted);font-size:.92rem;font-weight:700}.footer-links a:hover{color:var(--text)}.home-stack{gap:18px;display:grid}.mobile-hero-glance{background:radial-gradient(circle at 90% -10%,#67c8ff33,#0000 40%),linear-gradient(#141e30f5,#0e1624f0);border-color:#67c8ff47;gap:12px;display:grid;box-shadow:0 14px 34px #02081457}.mobile-hero-glance h2{margin:0;font-size:1.5rem;line-height:1.25}.mobile-hero-points{gap:8px;margin-top:6px;display:grid}.mobile-hero-points p{color:#dbe8ff;border-left:3px solid #67c8ff75;margin:0;padding-left:10px;font-size:.95rem;line-height:1.6}.board-focus-glance h1{text-wrap:balance;margin:0;font-size:clamp(2rem,4vw,3.4rem);line-height:1.1}.board-focus-glance{gap:14px}.board-focus-glance .meta{color:#b8c9e9}.ad-hero-advantages{gap:10px;margin:16px 0;display:grid}.ad-hero-advantages li{color:#d7e7ff;align-items:flex-start;gap:10px;margin:0;padding-left:0;list-style:none;display:flex}.ad-hero-advantages li:before{content:"✓";color:var(--gold);flex-shrink:0;font-size:1.2em;font-weight:800}.hero{grid-template-columns:minmax(0,1.42fr) minmax(300px,.78fr);align-items:stretch;gap:18px;display:grid}.card{background:linear-gradient(180deg, var(--panel-2), var(--panel));border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:18px;padding:18px}.hero-copy h1,.section-block h1,.section-block h2,.final-cta h2{letter-spacing:-.02em;margin:0 0 10px;line-height:1.15}.hero-copy h1{text-wrap:balance;max-width:100%;font-size:clamp(1.9rem,3.4vw,3.2rem);line-height:1.08}.section-block h1,.section-block h2,.final-cta h2{font-size:clamp(1.45rem,2.4vw,2.1rem)}.hero-copy p,.section-block p,.card p,.card li{line-height:1.75}.badge{color:#08111c;background:linear-gradient(135deg, var(--gold), var(--gold-2));border-radius:999px;margin-bottom:10px;padding:5px 10px;font-size:12px;font-weight:700;display:inline-block;box-shadow:0 8px 20px #f4c65c2e}.board-focus-glance .board-focus-badge{letter-spacing:.015em;padding:9px 18px;font-size:18px;font-weight:800}.tier-gold{color:#ffe3a1!important;background:linear-gradient(135deg,#f9c3543d,#ac7a2c2e)!important;border-color:#f9c3548c!important}.tier-silver{color:#e5f1ff!important;background:linear-gradient(135deg,#a5badb33,#677faa24)!important;border-color:#abc0e08c!important}.tier-bronze{color:#ffd8bf!important;background:linear-gradient(135deg,#c17e5433,#784f361f)!important;border-color:#cc8f6280!important}.meta{color:var(--muted);margin:0}.seo-intro{margin-top:8px}.cta-row{flex-wrap:wrap;gap:12px;margin-top:14px;display:flex}.btn{appearance:none;cursor:pointer;border:1px solid #0000;border-radius:10px;padding:11px 16px;font-weight:800;transition:transform .14s,box-shadow .14s,border-color .14s,background-color .14s}.btn.primary{color:#061624;background:linear-gradient(135deg, var(--accent), var(--accent-2));box-shadow:0 12px 24px #67c8ff2e}.btn.ghost{color:var(--text);border-color:var(--line-strong);background:#192334c7}.btn:hover{transform:translateY(-1px)}.card input:not([type=checkbox]):not([type=radio]),.card select,.card textarea,.form-control{appearance:none;width:100%;min-height:48px;color:var(--text);border:1px solid var(--line-strong);line-height:1.35;font:inherit;border-radius:10px;padding:10px 12px;transition:border-color .14s,box-shadow .14s,background-color .14s;background:#111927eb!important}.card input:not([type=checkbox]):not([type=radio])::placeholder,.card textarea::placeholder,.form-control::placeholder{opacity:1;color:#9fb3d1!important}.card input:not([type=checkbox]):not([type=radio]):-ms-placeholder-shown{color:#9fb3d1}.card textarea:-ms-placeholder-shown{color:#9fb3d1}.form-control:-ms-placeholder-shown{color:#9fb3d1}.card select option{color:var(--text);background:#141d2c}.card input:not([type=checkbox]):not([type=radio]):-webkit-autofill{-webkit-text-fill-color:var(--text);caret-color:var(--text);transition:background-color 9999s ease-out;box-shadow:inset 0 0 0 1000px #141d2c}.card input:not([type=checkbox]):not([type=radio]):-webkit-autofill:hover{-webkit-text-fill-color:var(--text);caret-color:var(--text);transition:background-color 9999s ease-out;box-shadow:inset 0 0 0 1000px #141d2c}.card input:not([type=checkbox]):not([type=radio]):-webkit-autofill:focus{-webkit-text-fill-color:var(--text);caret-color:var(--text);transition:background-color 9999s ease-out;box-shadow:inset 0 0 0 1000px #141d2c}.form-control:-webkit-autofill{-webkit-text-fill-color:var(--text);caret-color:var(--text);transition:background-color 9999s ease-out;box-shadow:inset 0 0 0 1000px #141d2c}.form-control:-webkit-autofill:hover{-webkit-text-fill-color:var(--text);caret-color:var(--text);transition:background-color 9999s ease-out;box-shadow:inset 0 0 0 1000px #141d2c}.form-control:-webkit-autofill:focus{-webkit-text-fill-color:var(--text);caret-color:var(--text);transition:background-color 9999s ease-out;box-shadow:inset 0 0 0 1000px #141d2c}.card input:not([type=checkbox]):not([type=radio]):focus,.card select:focus,.card textarea:focus,.form-control:focus{border-color:#67c8ffa6;outline:none;box-shadow:0 0 0 2px #67c8ff26}.list{gap:10px;display:grid}.nested-card{padding:14px}.toc-card h2{margin:0 0 10px}.toc-links{flex-wrap:wrap;gap:12px;display:flex}.toc-links a{color:#a9d5ff;border-bottom:1px solid #0000;padding-bottom:2px}.toc-links a:hover{color:var(--text);border-bottom-color:currentColor}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.stat-card h3{margin:6px 0 0;font-size:1.6rem}.section-block{gap:16px;display:grid}.section-block.card,.final-cta.card{position:relative;overflow:hidden}.section-block.card:before,.final-cta.card:before{content:"";pointer-events:none;background:linear-gradient(#ffffff08,#0000 22%);position:absolute;inset:0}.plan-selected{border-color:#3b82f673;box-shadow:0 18px 36px #3b82f61f}.ad-success{color:#b6f4cf;background:#103c2859;border:1px solid #4ade8066;border-radius:10px;padding:10px 12px}.ad-status-badge{border-radius:10px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-block}.ad-status-pending{color:#92400e;background:#fef3c7}.ad-status-active{color:#166534;background:#dcfce7}.ad-status-rejected{color:#991b1b;background:#fee2e2}.ad-status-suspended{color:#475569;background:#f1f5f9}.ad-row-level1{background:#ab782157!important}.ad-row-level2{background:#4068ab4d!important}.ad-clickable-row{cursor:pointer}.ad-clickable-row:hover>td{background:#f59e0b14!important}.ad-clickable-row.ad-row-level1:hover>td{background:#cb912a6b!important}.ad-clickable-row.ad-row-level2:hover>td{background:#4e7ecc66!important}.ad-table .ant-table{color:var(--text);background:#0f1622e6}.ad-table .ant-table-container{border:1px solid #6883ad42;border-radius:12px;overflow:hidden}.ad-table .ant-table-thead>tr>th{color:#d7e7ff!important;background:#1f2c42f0!important;border-bottom:1px solid #6883ad52!important}.ad-table .ant-table-tbody>tr>td{color:var(--text)!important;background:#161f30e0!important;border-bottom:1px solid #6883ad33!important}.ad-table .ant-table-tbody>tr.ad-row-level1>td{background:#ab782157!important}.ad-table .ant-table-tbody>tr.ad-row-level2>td{background:#4068ab4d!important}.ad-table .ant-table-tbody>tr:hover>td{background:#233149e6!important}.ad-table .ant-table-tbody>tr.ad-row-level1:hover>td{background:#cb912a6b!important}.ad-table .ant-table-tbody>tr.ad-row-level2:hover>td{background:#4e7ecc66!important}.ad-table .ant-table-cell,.ad-table .ant-table-column-title{color:inherit}.ad-table .ant-pagination{color:var(--muted)}.ad-table .ant-pagination .ant-pagination-item,.ad-table .ant-pagination .ant-pagination-prev button,.ad-table .ant-pagination .ant-pagination-next button{color:var(--text);background:#161f30d1;border-color:#6883ad4d}.ad-table .ant-pagination .ant-pagination-item-active{border-color:#67c8ffa6;box-shadow:0 0 0 2px #67c8ff1f}.ad-table .ant-empty-description{color:var(--muted)}.ad-form{gap:14px;display:grid}.ad-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.ad-form label{gap:6px;font-weight:600;display:grid}.ad-fieldset{border:1px solid var(--line);border-radius:10px;margin:0;padding:10px}.ad-fieldset legend{color:var(--muted);padding:0 6px}.ad-city-list{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;display:grid}.ad-check{align-items:center;gap:8px;font-weight:500;display:inline-flex}.ad-form label.ad-check,.ad-city-list .ad-check{align-items:center;gap:8px;margin:0;display:flex}.ad-city-list .ad-check{min-height:36px}.ad-form label.ad-check input,.ad-city-list .ad-check input{margin:0;transform:translateY(-1px)}.ad-form label.ad-check span,.ad-city-list .ad-check span{line-height:1.2}.ad-file-list{gap:8px;display:grid}.ad-file-item,.ad-history-item{border:1px solid var(--line);background:#161f30d6;border-radius:10px;padding:10px}.ad-history-list{gap:10px;display:grid}.ad-preview-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.ad-preview-card{border:1px solid var(--line);background:linear-gradient(160deg,#1a2436f2,#141c2beb);border-radius:12px;gap:10px;padding:14px;display:grid}.ad-preview-tag{color:#1d4ed8;background:#3b82f61a;border:1px solid #3b82f64d;border-radius:999px;justify-self:start;padding:3px 8px;font-size:.75rem;font-weight:700}.board-layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:16px;display:grid}.board-main{min-width:0}.board-ads-rail{gap:10px;display:grid;position:sticky;top:96px}.board-ads-list{gap:10px;display:grid}.board-ads-item{border:1px solid var(--line);background:#161f30db;border-radius:10px;gap:2px;padding:6px 10px;display:grid}.board-ads-item .btn{margin-top:4px;color:var(--accent)!important;background:0 0!important;border:none!important;padding:0!important}.board-ads-item .btn:hover{color:var(--text)!important}.ad-filter-panel{box-shadow:none;background:0 0;border:none;border-radius:0;padding:0}.ad-filter-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.ad-filter-header h3{margin:0;font-size:1.15rem}.ad-filter-header .meta{margin:6px 0 0}.ad-filter-reset{color:var(--muted);flex:none;padding-inline:10px}.ad-filter-search{margin-bottom:16px}.ad-filter-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:16px;display:grid}.ad-filter-field{gap:8px;display:grid}.ad-filter-field label{color:var(--muted);min-height:16px;font-size:12px;font-weight:600;line-height:1.3}.ad-filter-control.ant-input-affix-wrapper,.ad-filter-control.ant-picker,.ad-filter-control.ant-select .ant-select-selector{box-shadow:none!important;background:#121a28e6!important;border:1px solid #6883ad3d!important;border-radius:14px!important}.ad-filter-control.ant-input-affix-wrapper:hover,.ad-filter-control.ant-picker:hover,.ad-filter-control.ant-select:hover .ant-select-selector{border-color:#f59e0b61!important}.ad-filter-control.ant-input-affix-wrapper-focused,.ad-filter-control.ant-picker-focused,.ad-filter-control.ant-select.ant-select-focused .ant-select-selector{border-color:#f59e0b9e!important;box-shadow:0 0 0 2px #f59e0b14!important}.ad-filter-control .ant-select-selection-search-input{background:0 0!important}.ad-filter-control .ant-select-selection-item,.ad-filter-control .ant-select-selection-placeholder,.ad-filter-control .ant-picker-input input{color:var(--text)}.ad-filter-search .ant-input-affix-wrapper{align-items:center;min-height:56px;padding-inline:18px;display:flex}.ad-filter-search .ant-input{font-size:15px}.ad-filter-search .ant-input-prefix{color:var(--muted);margin-inline-end:10px}.ad-filter-field .ant-select-selector,.ad-filter-field .ant-picker{align-items:center;min-height:56px;padding-inline:14px;display:flex;height:56px!important}.ad-filter-field .ant-select-selector{border-width:1px!important;padding-block:0!important}.ad-filter-field .ad-filter-select.ant-select.ant-select-outlined .ant-select-selector,.ad-filter-field .ad-date-picker.ant-picker.ant-picker-outlined{background:#121a28e6!important;border:1px solid #6883ad3d!important;border-radius:14px!important}.ad-filter-field .ad-filter-select.ant-select .ant-select-selector,.ad-filter-field .ad-filter-select.ant-select.ant-select-multiple .ant-select-selector{background:#121a28e6!important}.ad-filter-field .ad-filter-select.ant-select.ant-select-single .ant-select-selector{align-items:center!important;display:flex!important}.ad-filter-field .ad-filter-select.ant-select .ant-select-selection-item,.ad-filter-field .ad-filter-select.ant-select .ant-select-selection-placeholder,.ad-filter-field .ad-date-picker .ant-picker-input>input{line-height:54px!important}.ad-filter-field .ad-filter-select.ant-select .ant-select-selection-search,.ad-filter-field .ad-filter-select.ant-select .ant-select-selection-search-input{height:100%!important}.ad-filter-field .ad-filter-select.ant-select .ant-select-selection-search-input{color:var(--text)!important;-webkit-text-fill-color:var(--text)!important;box-shadow:none!important;background:0 0!important}.ad-filter-field .ad-filter-select.ant-select .ant-select-arrow,.ad-filter-field .ad-date-picker .ant-picker-suffix{color:#9fb3d1}.ad-filter-field .ant-picker{padding-block:0!important}.ad-filter-field .ant-select-selection-wrap,.ad-filter-field .ant-picker-input,.ad-filter-field .ant-picker-range-separator{align-items:center;height:100%;display:flex}.ad-filter-field .ant-picker-input>input{height:100%}.ad-filter-field .ant-select-multiple .ant-select-selection-overflow{flex-wrap:nowrap;overflow:hidden}.ad-filter-field .ad-filter-select{align-items:center;display:flex;height:56px!important;min-height:56px!important;box-shadow:none!important;background:#121a28e6!important;border:1px solid #6883ad3d!important;border-radius:14px!important;padding-inline:14px!important}.ad-filter-field .ad-filter-select:hover{border-color:#f59e0b61!important}.ad-filter-field .ad-filter-select.ant-select-focused{border-color:#f59e0b9e!important;box-shadow:0 0 0 2px #f59e0b14!important}.ad-filter-field .ad-filter-select .ant-select-content,.ad-filter-field .ad-filter-select .ant-select-content-item,.ad-filter-field .ad-filter-select .ant-select-content-item-suffix,.ad-filter-field .ad-filter-select .ant-select-content-item-prefix{align-items:center;height:100%;display:flex}.ad-filter-field .ad-filter-select .ant-select-input,.ad-filter-field .ad-filter-select .ant-select-placeholder{color:#9fb3d1!important;background:0 0!important}.ad-filter-field .ad-filter-select .ant-select-suffix{color:#9fb3d1!important}.ad-filter-control .ant-input,.ad-filter-control .ant-picker-input input,.ad-filter-control .ant-select-selection-item{color:var(--text)!important}.ad-filter-control .ant-input::placeholder,.ad-filter-control .ant-picker-input input::placeholder,.ad-filter-control .ant-select-selection-placeholder{opacity:1;color:#9fb3d1!important}.ad-filter-field .ant-select-content,.ad-filter-field .ant-select-selection-overflow,.ad-filter-field .ant-select-selection-wrap,.ad-filter-field .ant-picker-input{align-items:center}.ad-filter-field .ant-picker-input{display:flex}.ad-filter-field .ant-picker-range-separator{align-items:center;display:flex}.board-ads-item h3{margin:0;font-size:.95rem;line-height:1.2}.section-head h2{margin:0}.timeline-grid,.feature-grid,.plans-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.plan-card ul{margin:0 0 14px;padding-left:18px}.plan-price{font-size:1.3rem;font-weight:800}.plan-premium{border-color:#67c8ff70;box-shadow:0 22px 48px #121c2a66}.dual-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.faq-item summary{cursor:pointer;font-weight:700;line-height:1.5}.final-cta{text-align:center;padding:22px 18px}.final-cta .cta-row{justify-content:center}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=1024px){.board-layout{grid-template-columns:1fr}.board-ads-rail{display:none}.hero,.dual-grid,.timeline-grid,.feature-grid{font-size:12px;line-height:1.35}.plans-grid,.stats-grid,.footer-info,.ad-city-list,.ad-preview-grid{grid-template-columns:1fr}.board-ads-item .meta{font-size:12px;line-height:1.35}.brand-logo{clip-path:inset(10% 0);opacity:1;mix-blend-mode:normal;filter:drop-shadow(0 4px 16px #f4c65c3d);width:auto;height:74px}.nav-row{flex-direction:column;align-items:flex-start;padding:10px 0 12px}.nav-links{gap:8px}.nav-link{padding:9px 11px}.hero-copy h1{max-width:none}}@media (width<=720px){.inner{width:min(100% - 20px,1220px)}.main-wrap{padding-top:18px}.card{border-radius:16px;padding:16px}.hero,.dual-grid,.timeline-grid,.feature-grid,.plans-grid,.stats-grid,.footer-info,.ad-grid,.ad-city-list,.ad-preview-grid{grid-template-columns:1fr}.topbar{position:static}.nav-links{scrollbar-width:none;width:100%;padding-bottom:2px;overflow-x:auto}.nav-links::-webkit-scrollbar{display:none}.brand{gap:8px}.brand-text{display:none}.hero-copy h1{font-size:clamp(1.8rem,8vw,2.5rem)}.cta-row{flex-direction:column}.btn{text-align:center;width:100%}.footer-row{flex-direction:column;align-items:flex-start;min-height:auto;padding:14px 0}}.premium-gate{text-align:center;background:var(--panel);border:1px solid var(--gold);border-radius:16px;flex-direction:column;align-items:center;gap:12px;padding:48px 32px;display:flex}.premium-gate-icon{font-size:2.5rem}.premium-gate-title{color:var(--text);margin:0;font-size:1.2rem;font-weight:700}.premium-gate-desc{color:var(--muted);max-width:420px;margin:0;font-size:.95rem}.premium-gate-btn{background:var(--gold);color:#000;border-radius:10px;margin-top:8px;padding:12px 28px;font-weight:800;text-decoration:none;transition:opacity .14s;display:inline-block}.premium-gate-btn:hover{opacity:.85}.premium-gate-hint{color:var(--muted);margin:0;font-size:.875rem}.upgrade-plans{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.upgrade-tabs{border:1px solid var(--line);background:#ffffffdb;border-radius:999px;gap:8px;padding:6px;display:inline-flex}.upgrade-tab{color:var(--muted);border-radius:999px;padding:8px 14px;font-weight:700}.upgrade-tab.active{color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent-2))}.upgrade-plan-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:16px;padding:32px 24px 24px;display:flex;position:relative}.upgrade-plan-card--highlight{border-color:var(--gold);box-shadow:0 0 32px #f4c65c1f}.upgrade-plan-badge{background:var(--gold);color:#000;letter-spacing:.05em;border-radius:20px;padding:3px 14px;font-size:.75rem;font-weight:800;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.upgrade-plan-name{margin:0;font-size:1.1rem;font-weight:700}.upgrade-plan-price{align-items:baseline;gap:4px;display:flex}.upgrade-plan-amount{color:var(--gold);font-size:2rem;font-weight:800}.upgrade-plan-unit{color:var(--muted);font-size:.9rem}.upgrade-feature-list{flex-direction:column;flex:1;gap:8px;margin:0;padding:0;list-style:none;display:flex}.upgrade-feature-item{align-items:center;gap:8px;font-size:.9rem;display:flex}.upgrade-feature-item--ok{color:var(--text)}.upgrade-feature-item--no{color:var(--muted);text-decoration:line-through}.upgrade-feature-icon{flex-shrink:0;width:16px;font-weight:800}.upgrade-feature-item--ok .upgrade-feature-icon{color:#4caf50}.upgrade-feature-item--no .upgrade-feature-icon{color:var(--muted)}.upgrade-plan-cta{cursor:pointer;border:none;border-radius:10px;width:100%;margin-top:auto;padding:12px;font-size:1rem;font-weight:800}.upgrade-plan-cta--disabled{background:var(--panel-2);color:var(--muted);cursor:default;border:1px solid var(--line)}.btn-gold{background:var(--gold);color:#000;cursor:pointer;text-align:center;border:none;border-radius:10px;padding:12px 24px;font-size:1rem;font-weight:800;text-decoration:none;transition:opacity .14s;display:inline-block}.btn-gold:hover{opacity:.85}.btn-gold:disabled{opacity:.5;cursor:not-allowed}.upgrade-confirm-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:10px 0;font-size:.95rem;display:flex}.upgrade-confirm-row span{color:var(--muted)}.upgrade-pay-info{background:var(--panel-2);border-left:4px solid var(--gold);border-radius:10px;margin-top:24px;padding:20px}.upgrade-pay-info h4{color:var(--gold);margin:0 0 12px}.upgrade-pay-info p{margin:4px 0;font-size:.9rem}.member-overview-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.member-kpi-card h2{margin:4px 0}.member-tier-pill{border-radius:999px;justify-content:center;align-items:center;width:fit-content;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.member-tier-pill.premium{color:#fcd34d;background:#f59e0b2e;border:1px solid #f59e0b59}.member-tier-pill.free{color:#cbd5e1;background:#94a3b82e;border:1px solid #94a3b859}.member-info-list{gap:10px;display:grid}.member-info-list p{border-bottom:1px dashed #6883ad47;justify-content:space-between;gap:10px;margin:0;padding-bottom:8px;display:flex}.member-info-list p span{color:var(--muted)}.member-payment-list{gap:10px;display:grid}.member-payment-item{border:1px solid var(--line);background:#141d2ccc;border-radius:12px;padding:12px}.member-payment-item p{justify-content:space-between;gap:10px;margin:0 0 8px;display:flex}.member-payment-item p:last-child{margin-bottom:0}.member-payment-item span{color:var(--muted)}.member-pager{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;display:flex}.member-pager .meta{margin:0}.plan-status-tag{color:#bfe8ff;background:#67c8ff24;border:1px solid #67c8ff66;border-radius:999px;justify-content:center;align-items:center;padding:2px 8px;font-size:12px;font-weight:700;display:inline-flex}@media (width<=1024px){.member-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.member-overview-grid{grid-template-columns:1fr}.member-info-list p,.member-payment-item p{flex-direction:column;align-items:flex-start}}
