.navbar{position:sticky;top:0;z-index:100;background:var(--bg-nav);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.navbar-inner{display:flex;align-items:center;height:64px;gap:8px}.navbar-brand{display:flex;align-items:center;gap:8px;cursor:pointer;flex-shrink:0;-webkit-user-select:none;user-select:none}.brand-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:8px;background:linear-gradient(135deg,#111827,var(--primary));color:#fff;font-size:16px;font-weight:900}.brand-copy{display:grid;gap:1px}.brand-name{font-size:16px;font-weight:800;color:var(--text-primary);letter-spacing:0}.brand-sub{font-size:12px;color:var(--text-muted)}.navbar-nav{display:flex;align-items:center;gap:4px;margin-left:auto}.nav-link{background:none;color:var(--text-secondary);font-size:13px;font-weight:700;padding:8px 10px;border-radius:var(--radius-sm);transition:background .15s,color .15s}.nav-link:hover{background:var(--bg-section);color:var(--text-primary)}.nav-admin-btn{background:#fff;color:var(--text-primary);font-size:13px;font-weight:800;padding:7px 13px;border-radius:var(--radius-sm);border:1px solid var(--border);transition:background .15s,color .15s,border-color .15s;margin-left:4px}.nav-admin-btn:hover{background:var(--bg-section);color:var(--text-primary);border-color:var(--primary)}.nav-login-btn{background:var(--primary);color:#fff;font-size:13px;font-weight:800;padding:8px 16px;border-radius:var(--radius-sm);transition:background .15s;margin-left:8px}.nav-login-btn:hover{background:var(--primary-dark)}.nav-user-actions{display:flex;align-items:center;gap:6px;margin-left:8px}.nav-orders-btn{background:var(--primary-light);color:var(--primary);font-size:13px;font-weight:700;padding:7px 14px;border-radius:var(--radius-sm);transition:background .15s}.nav-orders-btn:hover{background:#10a37f29}.hamburger{display:none;flex-direction:column;justify-content:space-between;width:22px;height:16px;background:none;margin-left:auto;padding:0}.hamburger span{display:block;width:100%;height:2px;background:var(--text-primary);border-radius:2px;transition:transform .2s,opacity .2s}.hamburger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}@media (max-width: 768px){.hamburger{display:flex}.navbar-nav{display:none;position:absolute;top:56px;left:0;right:0;background:var(--bg-nav);border-bottom:1px solid var(--border);flex-direction:column;align-items:stretch;padding:8px 16px 16px;gap:4px;box-shadow:var(--shadow)}.navbar-nav.open{display:flex}.nav-admin-btn,.nav-login-btn{margin-left:0;margin-top:4px;text-align:center}.nav-user-actions{margin-left:0;margin-top:4px;display:grid;grid-template-columns:1fr 1fr}.nav-orders-btn{text-align:center}}.hero-section{padding:34px 0 26px;background:var(--bg)}.hero-layout{display:grid;grid-template-columns:minmax(0,1.1fr) 420px;gap:20px;align-items:stretch}.hero-main{min-height:360px;padding:34px;border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(100deg,#ffffffe6,#ffffff94),url(https://images.unsplash.com/photo-1516321318423-f06f85e504b3?auto=format&fit=crop&w=1400&q=80);background-size:cover;background-position:center;box-shadow:var(--shadow);display:flex;flex-direction:column;justify-content:space-between}.hero-eyebrow{display:inline-flex;width:fit-content;padding:6px 10px;border:1px solid var(--border);border-radius:999px;background:#ffffffc7;color:var(--primary);font-size:12px;font-weight:900}.hero-title{max-width:680px;margin:18px 0 10px;color:var(--text-primary);font-size:44px;line-height:1.08;font-weight:900;letter-spacing:0}.hero-subtitle{max-width:650px;margin:0;color:#3f4652;font-size:16px;line-height:1.75}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.hero-actions button,.hero-actions a{height:42px;border-radius:7px;border:1px solid var(--border);padding:0 16px;background:#fff;color:var(--text-primary);font-weight:900}.hero-actions a{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}.hero-actions .hero-primary{border-color:var(--primary);background:var(--primary);color:#fff}.hero-channel img{width:24px;height:24px;border-radius:50%;object-fit:cover}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:570px;margin-top:26px}.stat{border:1px solid rgba(221,227,235,.9);border-radius:8px;background:#ffffffc7;padding:12px}.stat-num{display:block;color:var(--text-primary);font-size:20px;font-weight:900}.stat-label{display:block;margin-top:3px;color:var(--text-secondary);font-size:12px}.hero-process{border:1px solid var(--border);border-radius:var(--radius-lg);background:#fff;box-shadow:var(--shadow);overflow:hidden}.process-head{display:flex;align-items:center;justify-content:space-between;padding:18px;border-bottom:1px solid var(--border);background:#fbfcfe}.process-head strong{font-size:16px}.process-head span{color:var(--primary);font-size:12px;font-weight:900}.process-steps{display:grid;gap:10px;padding:18px}.process-step{display:grid;grid-template-columns:28px 1fr auto;gap:10px;align-items:center;padding:11px;border:1px solid var(--border);border-radius:8px}.process-step b{width:28px;height:28px;border-radius:7px;display:grid;place-items:center;background:#e9efff;color:#2f67d8;font-size:12px}.process-step strong{display:block;font-size:13px}.process-step span{display:block;margin-top:2px;color:var(--text-secondary);font-size:12px}.process-step em{color:var(--primary);font-size:12px;font-style:normal;font-weight:900}.process-pay{margin:0 18px 12px;padding:14px;border:1px solid rgba(11,143,114,.2);border-radius:8px;background:var(--primary-light)}.process-pay span{color:var(--text-secondary);font-size:12px;font-weight:800}.process-pay strong{display:block;color:var(--primary);font-size:22px}.process-buy{width:calc(100% - 36px);height:42px;margin:0 18px 18px;border-radius:7px;background:var(--text-primary);color:#fff;font-weight:900}@media (max-width: 920px){.hero-layout{grid-template-columns:1fr}}@media (max-width: 620px){.hero-section{padding-top:18px}.hero-main{min-height:420px;padding:22px}.hero-title{font-size:32px}.hero-stats{grid-template-columns:1fr}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;background:#0f172a75;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-box{position:relative;width:min(760px,100%);max-height:min(88vh,760px);display:flex;flex-direction:column;overflow:hidden;background:#fff;border:1px solid #d7dee8;border-radius:8px;box-shadow:0 24px 70px #0f172a3d}.modal-close{position:absolute;top:14px;right:14px;z-index:2;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #d7dee8;border-radius:8px;background:#fff;color:#64748b;font-size:15px;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.modal-close:hover{background:#f1f5f9;color:#0f172a;border-color:#cbd5e1}.modal-header{flex-shrink:0;padding:22px 64px 18px 24px;border-left:4px solid;border-bottom:1px solid #e2e8f0;background:linear-gradient(180deg,#fff,#f8fafc)}.modal-heading-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px}.modal-brand-badge,.modal-status-pill,.modal-plan{display:inline-flex;align-items:center;width:fit-content;border-radius:6px;font-size:12px;font-weight:700;line-height:1}.modal-brand-badge{padding:6px 9px;border:1px solid}.modal-status-pill{padding:6px 9px;color:#475569;background:#eef2f7}.modal-title-group{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.modal-product-name{margin:0;color:#0f172a;font-size:22px;font-weight:800;line-height:1.25;letter-spacing:0}.modal-plan{padding:5px 8px;color:#64748b;background:#e2e8f0}.modal-price-block{display:flex;align-items:baseline;gap:4px;margin-top:14px}.modal-currency{color:#64748b;font-size:17px;font-weight:800}.modal-price{font-size:34px;font-weight:900;line-height:1}.modal-original{margin-left:6px;color:#94a3b8;font-size:14px;text-decoration:line-through}.modal-price-contact{color:#334155;font-size:20px;font-weight:800}.modal-contact-note{margin-top:14px;padding:11px 12px;color:#854d0e;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;font-size:13px;line-height:1.65}.modal-body{flex:1;overflow-y:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.45fr);gap:14px;padding:18px 20px 20px;background:#fff}.modal-section{min-width:0;padding:14px;border:1px solid #e2e8f0;border-radius:8px;background:#fff}.modal-section:first-child,.modal-warn-section{grid-column:1 / -1}.modal-section-title{margin-bottom:10px;color:#0f172a;font-size:13px;font-weight:800}.modal-intro-text,.modal-col-text{margin:0;color:#475569;font-size:13px;line-height:1.75}.modal-features,.modal-list{display:flex;flex-direction:column;gap:7px;margin:0;padding:0;list-style:none}.modal-features li,.modal-list li{position:relative;display:flex;align-items:flex-start;gap:8px;color:#475569;font-size:13px;line-height:1.55}.modal-list li{display:block;padding-left:14px}.modal-list li:before{content:"";position:absolute;top:9px;left:0;width:5px;height:5px;border-radius:50%;background:#94a3b8}.modal-check{flex:0 0 auto;font-weight:900}.modal-two-col{display:contents}.modal-col{background:#f8fafc}.modal-warn-section{background:#fffbeb;border-color:#fde68a}.modal-warn-list li:before{background:#f59e0b}.modal-footer{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 20px;background:#f8fafc;border-top:1px solid #e2e8f0}.modal-meta{display:flex;align-items:center;gap:7px;color:#64748b;font-size:13px}.modal-sep{color:#cbd5e1}.modal-footer-btns{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.modal-btn-cancel,.modal-btn-buy,.modal-btn-contact{min-height:38px;padding:0 15px;border-radius:8px;font-size:13px;font-weight:800;cursor:pointer;transition:transform .15s,opacity .15s,background .15s}.modal-btn-cancel{border:1px solid #cbd5e1;background:#fff;color:#475569}.modal-btn-cancel:hover{background:#f1f5f9}.modal-btn-buy,.modal-btn-contact{border:0;color:#fff}.modal-btn-contact{background:#111827}.modal-btn-buy:hover:not(:disabled),.modal-btn-contact:hover{transform:translateY(-1px);opacity:.92}.modal-btn-buy:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 760px){.modal-overlay{align-items:flex-end;padding:0}.modal-box{max-height:92vh;border-right:0;border-bottom:0;border-left:0;border-radius:12px 12px 0 0}.modal-header{padding:20px 58px 16px 18px}.modal-product-name{font-size:20px}.modal-body{grid-template-columns:1fr;padding:14px}.modal-footer{align-items:stretch;flex-direction:column}.modal-footer-btns{display:grid;grid-template-columns:1fr 1fr}}.product-card{position:relative;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:10px;transition:box-shadow .2s,border-color .15s,transform .15s;overflow:hidden}.product-card:hover{border-color:#0b8f7259;box-shadow:var(--shadow);transform:translateY(-2px)}.card-recommended-ribbon{position:absolute;top:12px;right:-8px;background:#fff4dc;color:var(--accent);font-size:11px;font-weight:700;padding:3px 16px 3px 10px;border:1px solid #f4d898;border-radius:999px;clip-path:none;letter-spacing:0}.card-header{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.card-brand-badge{min-width:42px;height:42px;display:grid;place-items:center;font-size:13px;font-weight:900;padding:0 8px;border-radius:8px;flex-shrink:0}.card-plan{font-size:18px;font-weight:900;color:var(--text-primary);flex:1}.card-badge{font-size:10px;font-weight:700;padding:2px 7px;border-radius:4px;flex-shrink:0}.card-tags{display:flex;flex-wrap:wrap;gap:5px}.card-price-row{display:flex;align-items:baseline;gap:4px}.card-currency{font-size:14px;font-weight:700;color:var(--danger)}.card-price{font-size:26px;font-weight:900;color:var(--danger);line-height:1}.card-original{font-size:12px;color:var(--text-muted);text-decoration:line-through}.card-desc{font-size:13px;color:var(--text-secondary);line-height:1.6}.card-features{list-style:none;display:flex;flex-direction:column;gap:4px;flex:1}.card-features li{font-size:13px;color:var(--text-secondary);display:flex;align-items:center;gap:5px}.check{color:var(--primary);font-weight:700;flex-shrink:0}.card-footer{border-top:1px solid var(--border);padding-top:12px;display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.card-meta{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text-muted)}.card-sep{color:var(--border)}.card-actions{display:flex;gap:6px;flex-shrink:0}.card-detail-btn{background:transparent;color:var(--text-secondary);font-size:12px;font-weight:500;padding:6px 10px;border-radius:var(--radius-sm);border:1px solid var(--border);transition:background .15s,color .15s;flex-shrink:0;cursor:pointer}.card-detail-btn:hover{background:var(--border);color:var(--text-primary)}.card-buy-btn{background:var(--text-primary);color:#fff;font-size:13px;font-weight:600;padding:7px 16px;border-radius:var(--radius-sm);transition:background .15s;flex-shrink:0}.card-buy-btn:hover{background:#000}.product-grid-section{padding:26px 0 40px}.section-header{margin-bottom:14px}.section-title{font-size:24px;font-weight:800;color:var(--text-primary);margin-bottom:6px}.section-sub{font-size:13px;color:var(--text-muted)}.filter-tabs{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;margin:-48px 0 14px auto;padding-bottom:0;border-bottom:none}.filter-tab{display:flex;align-items:center;gap:5px;padding:6px 14px;border-radius:7px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);font-size:13px;font-weight:800;transition:all .15s}.filter-tab:hover{border-color:var(--primary);color:var(--primary)}.filter-tab.active{background:var(--primary-light);border-color:#0b8f7247;color:var(--primary);font-weight:600}.filter-tab.active .filter-count{background:#fff;color:var(--primary)}.filter-count{background:var(--bg-section);color:var(--text-muted);font-size:10px;font-weight:700;padding:1px 5px;border-radius:999px;min-width:18px;text-align:center}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}@media (max-width: 600px){.product-grid{grid-template-columns:1fr;gap:10px}.product-grid-section{padding:32px 0}}@media (min-width: 601px) and (max-width: 920px){.product-grid{grid-template-columns:1fr 1fr}}@media (max-width: 820px){.filter-tabs{justify-content:flex-start;margin:0 0 14px}}.white-section{background:var(--bg-section);padding:48px 0 40px}.white-section-label{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:#0f766e;background:#ccfbf1;padding:3px 10px;border-radius:999px;margin-bottom:8px;letter-spacing:.5px}.white-contact-notice{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 16px;padding:12px 14px;color:#0f172a;background:#f0fdfa;border:1px solid #99f6e4;border-radius:var(--radius);font-size:13px;line-height:1.6}.white-contact-notice button{flex-shrink:0;padding:6px 10px;border:1px solid #5eead4;border-radius:var(--radius-sm);color:#0f766e;background:#fff;font-size:12px;font-weight:700;cursor:pointer}.white-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.white-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px 16px 14px;display:flex;flex-direction:column;gap:10px;transition:box-shadow .2s,transform .15s}.white-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.white-card-top{display:flex;flex-direction:column;gap:6px}.white-brand{display:inline-flex;align-items:center;font-size:11px;font-weight:700;padding:2px 8px;border-radius:4px;border:1px solid;width:fit-content}.white-name{font-size:15px;font-weight:700;color:var(--text-primary)}.white-tags{display:flex;gap:4px;flex-wrap:wrap}.white-price-row{display:flex;align-items:baseline;gap:2px}.white-currency{font-size:14px;font-weight:700;color:var(--danger)}.white-price{font-size:28px;font-weight:800;color:var(--danger);line-height:1}.white-unit{font-size:12px;color:var(--text-muted)}.white-contact-price{font-size:17px;font-weight:700;color:#334155}.white-desc{font-size:12px;color:var(--text-secondary);line-height:1.6}.white-features{list-style:none;display:flex;flex-direction:column;gap:4px;flex:1}.white-features li{font-size:12px;color:var(--text-secondary);display:flex;align-items:center;gap:5px}.white-footer{border-top:1px solid var(--bg-section);padding-top:10px;display:flex;align-items:center;justify-content:space-between;gap:8px}.white-meta{display:flex;align-items:center;gap:4px;font-size:11px}.stock-ok{color:var(--success);font-weight:600}.stock-out{color:#9ca3af}.white-sep{color:var(--border)}.white-sales{color:var(--text-muted)}.white-card-actions{display:flex;gap:6px;flex-shrink:0}.white-detail-btn{background:transparent;color:var(--text-secondary);font-size:12px;font-weight:500;padding:6px 10px;border-radius:var(--radius-sm);border:1px solid var(--border);cursor:pointer;transition:background .15s}.white-detail-btn:hover{background:var(--border)}.white-buy-btn{background:#111827;color:#fff;font-size:13px;font-weight:600;padding:7px 14px;border-radius:var(--radius-sm);transition:opacity .15s;flex-shrink:0}.white-buy-btn:hover{opacity:.88}.white-notice{display:flex;align-items:flex-start;gap:8px;background:#f8fafc;border:1px solid #d7dee8;border-radius:var(--radius);padding:12px 16px;margin-top:24px;font-size:12px;color:var(--text-secondary);line-height:1.6}@media (max-width: 600px){.white-grid{grid-template-columns:1fr 1fr;gap:10px}.white-contact-notice{align-items:stretch;flex-direction:column}}@media (max-width: 400px){.white-grid{grid-template-columns:1fr}}.order-query-section{padding:48px 0 40px}.order-query-inner{max-width:720px;margin:0 auto}.query-form{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;margin-bottom:20px}.query-type-tabs{display:flex;gap:8px;margin-bottom:16px}.qtype-tab{flex:1;padding:9px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg);color:var(--text-secondary);font-size:13px;font-weight:500;transition:all .15s;text-align:center}.qtype-tab:hover{border-color:var(--primary);color:var(--primary)}.qtype-tab.active{background:var(--primary-light);border-color:var(--primary);color:var(--primary);font-weight:600}.query-input-row{display:flex;gap:8px}.query-input{flex:1;height:44px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 14px;font-size:14px;color:var(--text-primary);background:var(--bg);transition:border-color .15s}.query-input:focus{border-color:var(--primary);background:#fff}.query-input::placeholder{color:var(--text-muted)}.query-btn{height:44px;padding:0 20px;background:var(--primary);color:#fff;font-size:14px;font-weight:600;border-radius:var(--radius-sm);transition:background .15s;flex-shrink:0}.query-btn:hover{background:var(--primary-dark)}.query-btn:disabled{opacity:.6;cursor:not-allowed}.query-result{display:flex;align-items:center;gap:12px;margin-top:14px;background:var(--bg-section);border-radius:var(--radius-sm);padding:12px 14px}.query-result-icon{font-size:24px;flex-shrink:0}.query-result-text{display:flex;flex-direction:column;gap:2px;font-size:13px}.query-result-text strong{color:var(--text-primary);font-weight:700}.query-result-text span{color:var(--text-secondary)}.order-result-list{display:grid;gap:10px;margin-top:14px}.order-result-card{border:1px solid var(--border);border-radius:8px;padding:12px;background:#fff}.order-result-top{display:flex;justify-content:space-between;gap:12px;align-items:center}.order-result-top strong{color:var(--text-primary);font-size:14px}.order-result-top span{border-radius:999px;padding:3px 8px;background:var(--primary-light);color:var(--primary);font-size:12px;font-weight:700;white-space:nowrap}.order-result-name{margin-top:8px;color:var(--text-primary);font-weight:600}.order-result-meta{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:8px;color:var(--text-muted);font-size:12px}.order-result-message{margin-top:10px;padding:10px;border-radius:6px;background:var(--bg-section);color:var(--text-secondary);font-size:13px;line-height:1.6}.order-status-example{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px 24px}.example-title{font-size:13px;font-weight:700;color:var(--text-secondary);margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--border)}.status-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.status-item{display:flex;align-items:flex-start;gap:10px}.status-icon{font-size:18px;flex-shrink:0;margin-top:1px}.status-name{font-size:13px;font-weight:600;color:var(--text-primary)}.status-desc{font-size:11px;color:var(--text-muted);margin-top:2px}@media (max-width: 600px){.query-input-row{flex-direction:column}.query-btn{width:100%}.status-list{grid-template-columns:1fr}.query-form,.order-status-example{padding:16px}}.order-notes-section{background:var(--bg-section);padding:48px 0 40px}.notes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;margin-bottom:24px}.note-card{display:flex;gap:14px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px 16px}.note-icon{font-size:22px;flex-shrink:0;margin-top:2px}.note-title{font-size:14px;font-weight:700;color:var(--text-primary);margin-bottom:6px}.note-text{font-size:12px;color:var(--text-secondary);line-height:1.7}.notes-important{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px 24px}.important-header{display:flex;align-items:center;gap:8px;margin-bottom:16px;font-size:14px;color:var(--text-primary)}.important-icon{font-size:16px}.flow-steps{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.flow-step{display:flex;align-items:center;gap:6px}.flow-num{width:24px;height:24px;border-radius:50%;background:var(--primary);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.flow-text{font-size:12px;font-weight:500;color:var(--text-secondary)}.flow-arrow{color:var(--text-muted);font-size:14px}@media (max-width: 600px){.notes-grid{grid-template-columns:1fr}.flow-steps{flex-direction:column;align-items:flex-start}.flow-arrow{transform:rotate(90deg);margin-left:9px}.notes-important{padding:16px}}.aftersales-section{padding:48px 0 40px;background:var(--bg)}.policy-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;margin-bottom:32px}.policy-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px 18px;display:flex;flex-direction:column;gap:8px}.policy-card.highlight{border-color:var(--primary);background:var(--primary-light)}.policy-icon{font-size:24px}.policy-title{font-size:14px;font-weight:700;color:var(--text-primary)}.policy-content{font-size:12px;color:var(--text-secondary);line-height:1.7}.faq-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px}.faq-title{font-size:14px;font-weight:700;color:var(--text-primary);margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border)}.faq-list{display:flex;flex-direction:column;gap:0}.faq-item{padding:14px 0;border-bottom:1px solid var(--bg-section)}.faq-item:last-child{border-bottom:none;padding-bottom:0}.faq-q,.faq-a{display:flex;align-items:flex-start;gap:10px;font-size:13px}.faq-q{font-weight:600;color:var(--text-primary);margin-bottom:6px}.faq-a{color:var(--text-secondary);line-height:1.6}.faq-q-icon{flex-shrink:0;width:20px;height:20px;border-radius:4px;background:var(--primary);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:1px}.faq-a-icon{flex-shrink:0;width:20px;height:20px;border-radius:4px;background:var(--bg-section);color:var(--text-secondary);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:1px}@media (max-width: 600px){.policy-grid{grid-template-columns:1fr 1fr}.faq-section{padding:16px}}@media (max-width: 400px){.policy-grid{grid-template-columns:1fr}}.cs-fab{position:fixed;bottom:28px;right:24px;z-index:200;background:var(--primary);color:#fff;border-radius:999px;padding:12px 16px;font-size:18px;display:flex;align-items:center;gap:6px;box-shadow:0 4px 20px #0ea5a080;transition:all .2s}.cs-fab:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 6px 24px #0ea5a099}.cs-fab.active{background:#6b7280}.cs-fab-label{font-size:13px;font-weight:600}.cs-panel{position:fixed;bottom:88px;right:24px;z-index:200;width:320px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;overflow:hidden;animation:slideUp .2s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.cs-panel-header{display:flex;align-items:center;gap:10px;padding:14px 16px;background:var(--primary);color:#fff}.cs-avatar{width:36px;height:36px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0}.cs-title{font-size:14px;font-weight:700}.cs-status{font-size:11px;opacity:.85;display:flex;align-items:center;gap:4px;margin-top:1px}.cs-dot{width:6px;height:6px;border-radius:50%;background:#4ade80;display:inline-block}.cs-close{margin-left:auto;background:none;color:#fff;opacity:.7;font-size:14px;padding:4px}.cs-close:hover{opacity:1}.cs-body{padding:16px;display:flex;flex-direction:column;gap:12px;max-height:320px;overflow-y:auto}.cs-greeting{display:flex;flex-direction:column;gap:8px}.cs-bubble{font-size:13px;line-height:1.6;border-radius:var(--radius);padding:10px 12px}.cs-bubble-in{background:var(--bg-section);color:var(--text-primary);border-bottom-left-radius:4px}.cs-quick-btns{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.cs-quick-btn{background:var(--primary-light);color:var(--primary-dark);border:1px solid var(--primary);font-size:11px;font-weight:500;padding:4px 9px;border-radius:999px;transition:background .15s}.cs-quick-btn:hover{background:var(--primary);color:#fff}.cs-input-row{display:flex;gap:6px;border-top:1px solid var(--border);padding-top:10px}.cs-input{flex:1;height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 10px;font-size:13px;background:var(--bg)}.cs-input:focus{border-color:var(--primary);background:#fff}.cs-send-btn{background:var(--primary);color:#fff;font-size:12px;font-weight:600;padding:0 12px;border-radius:var(--radius-sm);height:36px;flex-shrink:0}.cs-sent{display:flex;flex-direction:column;gap:10px;align-items:flex-start}.cs-reset-btn{background:none;color:var(--primary);font-size:12px;font-weight:600;padding:4px 0;border-bottom:1px dashed var(--primary)}.cs-tabs{display:flex;border-bottom:1px solid var(--border)}.cs-tab{flex:1;padding:8px 0;font-size:12px;font-weight:500;color:var(--text-muted);background:none;border:none;cursor:pointer;transition:color .15s,box-shadow .15s}.cs-tab.active{color:var(--primary);box-shadow:inset 0 -2px 0 var(--primary)}.cs-contact-list{display:flex;flex-direction:column;gap:12px;padding-top:4px}.cs-contact-tip{font-size:11px;color:var(--text-muted);line-height:1.5}.cs-contact-item{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;background:var(--bg-section);border-radius:var(--radius-sm)}.cs-contact-icon{font-size:18px;flex-shrink:0;line-height:1;margin-top:2px}.cs-contact-info{display:flex;flex-direction:column;gap:2px}.cs-contact-label{font-size:12px;font-weight:700;color:var(--text-primary)}.cs-contact-value{font-size:13px;color:var(--text-secondary);font-weight:500}.cs-contact-hint{font-size:11px;color:var(--text-muted)}@media (max-width: 400px){.cs-panel{right:12px;left:12px;width:auto}.cs-fab{right:16px;bottom:20px}}.footer{background:#111827;color:#ffffff80;padding:28px 0}.footer-inner{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.footer-brand{display:flex;align-items:center;gap:7px;font-size:14px}.footer-icon{color:var(--primary);font-size:16px}.footer-name{font-weight:700;color:#fffc}.footer-tagline{color:#fff6;font-size:12px}.footer-links{display:flex;align-items:center;gap:8px;font-size:12px;flex-wrap:wrap;justify-content:center}.footer-links span,.footer-links a{cursor:pointer;transition:color .15s}.footer-links span:hover,.footer-links a:hover{color:#fffc}.footer-channel-link{color:#ffffff9e;font-weight:800;text-decoration:none}.footer-sep{cursor:default!important;color:#ffffff26!important}.footer-copy{font-size:11px;color:#ffffff40}.footer-admin-link{background:none;border:none;color:#ffffff4d;font-size:12px;cursor:pointer;padding:0;transition:color .15s}.footer-admin-link:hover{color:#ffffffb3}.admin-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:2000;display:flex;align-items:flex-start;justify-content:center;padding:1rem;overflow-y:auto}.admin-panel{background:var(--surface, #1a1a2e);border-radius:16px;width:100%;max-width:900px;min-height:60vh;display:flex;flex-direction:column;box-shadow:0 24px 80px #0009;margin:1rem auto;overflow:hidden}.admin-login-card{background:var(--surface, #1a1a2e);border:1px solid var(--border);border-radius:12px;width:100%;max-width:420px;margin:8vh auto;padding:1.25rem;display:flex;flex-direction:column;gap:1rem;box-shadow:0 24px 80px #0000008c}.admin-login-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.admin-login-copy{margin:0;font-size:.86rem;line-height:1.6;color:var(--text-muted)}.admin-error,.admin-error-inline{color:#f87171;font-size:.82rem}.admin-error{padding:8px 10px;border:1px solid rgba(248,113,113,.35);background:#f8717114;border-radius:6px}.admin-header{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1.5rem;border-bottom:1px solid var(--border);flex-wrap:wrap;gap:.75rem}.admin-title-row{display:flex;align-items:center;gap:.75rem}.admin-title{font-size:1.15rem;font-weight:700;color:var(--text-primary);margin:0}.admin-badge{font-size:.72rem;background:#6366f126;color:#818cf8;border:1px solid rgba(99,102,241,.3);padding:2px 8px;border-radius:4px}.admin-header-right{display:flex;align-items:center;gap:.6rem}.admin-saved-tip{font-size:.82rem;color:#4ade80;font-weight:600}.admin-reset-btn{font-size:.82rem;padding:5px 12px;border-radius:6px;background:transparent;border:1px solid var(--border);color:var(--text-muted);cursor:pointer;transition:all .15s}.admin-reset-btn:disabled,.form-save-btn:disabled{cursor:not-allowed;opacity:.55}.admin-reset-btn:hover{border-color:#f87171;color:#f87171}.admin-close-btn{font-size:.82rem;padding:5px 12px;border-radius:6px;background:transparent;border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;transition:background .15s}.admin-close-btn:hover{background:var(--border)}.admin-tabs{display:flex;border-bottom:1px solid var(--border);padding:0 1.5rem}.admin-tab{padding:.65rem 1rem;font-size:.88rem;font-weight:500;color:var(--text-muted);background:none;border:none;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .15s,border-color .15s}.admin-tab.active{color:var(--primary);border-color:var(--primary)}.admin-body{flex:1;overflow-y:auto;padding:1rem 1.5rem}.admin-empty{padding:24px;color:var(--text-muted);background:var(--bg-card, #232340);border-radius:8px}.admin-list{display:flex;flex-direction:column;gap:6px}.admin-row{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--bg-card, #232340);border:1px solid var(--border);border-radius:8px;gap:1rem;transition:border-color .15s}.admin-row:hover{border-color:var(--primary)}button.admin-row{width:100%;text-align:left}.admin-order-row.active{border-color:var(--primary);background:#6366f11f}.admin-row.row-inactive{opacity:.5}.admin-row-info{display:flex;align-items:center;flex-wrap:wrap;gap:8px;flex:1;min-width:0}.admin-row-brand{font-size:.72rem;font-weight:700;background:var(--border);color:var(--text-secondary);padding:2px 6px;border-radius:4px;flex-shrink:0}.admin-row-name{font-size:.9rem;font-weight:600;color:var(--text-primary);flex-shrink:0}.admin-row-plan{font-size:.78rem;color:var(--text-muted)}.admin-row-price{font-size:.88rem;font-weight:700;color:var(--danger, #f87171)}.admin-row-stock{font-size:.78rem;color:var(--text-muted)}.admin-row-status{font-size:.72rem;font-weight:600;padding:2px 7px;border-radius:4px;flex-shrink:0}.status-on{background:#4ade801a;color:#4ade80}.status-off{background:#9ca3af1a;color:#9ca3af}.admin-edit-btn{font-size:.8rem;font-weight:600;padding:5px 12px;border-radius:6px;background:#6366f11a;border:1px solid rgba(99,102,241,.3);color:#818cf8;cursor:pointer;flex-shrink:0;transition:background .15s}.admin-edit-btn:hover{background:#6366f140}.admin-order-layout{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(430px,1.1fr);gap:16px}.admin-order-sidebar{display:grid;align-content:start;gap:10px}.admin-order-tools{display:grid;gap:10px;padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--bg-card, #232340)}.admin-order-tools input{height:38px;border:1px solid var(--border);border-radius:6px;padding:0 10px;background:#ffffff0a;color:var(--text-primary)}.admin-order-filters{display:flex;flex-wrap:wrap;gap:6px}.admin-order-filters button{display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 8px;border:1px solid var(--border);border-radius:6px;background:transparent;color:var(--text-muted);font-size:.76rem;font-weight:700}.admin-order-filters button.active{border-color:var(--primary);color:var(--primary);background:#6366f11f}.admin-order-filters span{min-width:17px;border-radius:999px;padding:0 5px;background:#ffffff14;text-align:center}.admin-order-edit{max-width:none;border:1px solid var(--border);border-radius:8px;padding:16px;background:var(--bg-card, #232340)}.admin-order-quick-actions{display:flex;flex-wrap:wrap;gap:8px}.admin-order-quick-actions button{height:34px;padding:0 11px;border:1px solid rgba(99,102,241,.35);border-radius:6px;background:#6366f11f;color:#a5b4fc;font-size:.78rem;font-weight:800}.admin-order-quick-actions button.danger{border-color:#f8717159;background:#f871711a;color:#fca5a5}.admin-order-quick-actions button:disabled{opacity:.55;cursor:not-allowed}.admin-order-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px}.admin-order-summary div{padding:10px;border:1px solid var(--border);border-radius:6px;background:#ffffff08}.admin-order-summary span,.admin-order-note span{display:block;margin-bottom:4px;color:var(--text-muted);font-size:.72rem;font-weight:700}.admin-order-summary strong{color:var(--text-primary);font-size:.82rem;word-break:break-all}.admin-order-note{padding:10px;border:1px solid var(--border);border-radius:6px}.admin-order-note p{margin:0;color:var(--text-secondary);font-size:.84rem;line-height:1.6}.edit-form{display:flex;flex-direction:column;gap:1rem;max-width:700px}.edit-form-title{font-size:1rem;font-weight:700;color:var(--text-primary);padding-bottom:.5rem;border-bottom:1px solid var(--border)}.edit-form-title span{color:var(--primary)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.form-field{display:flex;flex-direction:column;gap:.3rem}.form-field span{font-size:.78rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.form-field input,.form-field select,.form-field textarea{background:var(--bg-card, #232340);border:1px solid var(--border);border-radius:6px;padding:7px 10px;font-size:.88rem;color:var(--text-primary);width:100%;resize:vertical;font-family:inherit;transition:border-color .15s}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:none;border-color:var(--primary)}.form-field-full{grid-column:1 / -1}.edit-form-actions{display:flex;gap:.75rem;justify-content:flex-end;padding-top:.5rem;border-top:1px solid var(--border)}.form-cancel-btn{padding:7px 16px;border-radius:7px;background:transparent;border:1px solid var(--border);color:var(--text-secondary);font-size:.88rem;cursor:pointer;transition:background .15s}.form-cancel-btn:hover{background:var(--border)}.form-save-btn{padding:7px 20px;border-radius:7px;background:var(--primary);border:none;color:#fff;font-size:.88rem;font-weight:600;cursor:pointer;transition:opacity .15s}.form-save-btn:hover{opacity:.85}@media (max-width: 600px){.admin-overlay{padding:.5rem;align-items:flex-start}.admin-panel{margin:.5rem auto}.form-grid{grid-template-columns:1fr}.admin-header{flex-direction:column;align-items:flex-start}.admin-order-layout,.admin-order-summary{grid-template-columns:1fr}}.auth-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#0f172a8c;padding:20px}.auth-card{width:min(440px,100%);background:#fff;border-radius:12px;padding:22px;box-shadow:0 20px 60px #0f172a38}.auth-header{display:flex;justify-content:space-between;gap:16px;margin-bottom:16px}.auth-header h2{margin:0 0 4px;font-size:22px}.auth-header p{margin:0;color:var(--text-secondary);font-size:13px}.auth-close{height:34px;padding:0 12px;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--text-secondary)}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}.auth-tabs button{height:38px;border:1px solid var(--border);border-radius:6px;background:var(--bg);font-weight:600;color:var(--text-secondary)}.auth-tabs button.active{border-color:var(--primary);background:var(--primary-light);color:var(--primary)}.auth-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.auth-field,.auth-grid label{display:flex;flex-direction:column;gap:6px;margin-bottom:12px;font-size:13px;font-weight:600;color:var(--text-secondary)}.auth-field input,.auth-grid input{height:42px;border:1px solid var(--border);border-radius:6px;padding:0 12px;color:var(--text-primary)}.auth-error{margin-bottom:12px;padding:10px 12px;border:1px solid rgba(248,113,113,.35);border-radius:6px;background:#fee2e2b3;color:#b91c1c;font-size:13px}.auth-submit{width:100%;height:44px;border-radius:7px;background:var(--primary);color:#fff;font-size:15px;font-weight:700}.auth-submit:disabled{opacity:.55;cursor:not-allowed}@media (max-width: 520px){.auth-grid{grid-template-columns:1fr;gap:0}}.payment-info-card{display:grid;gap:12px;padding:14px;border:1px solid rgba(11,143,114,.22);border-radius:8px;background:#0b8f7214}.payment-info-card strong{color:var(--text-primary)}.payment-info-card p{margin:3px 0 0;color:var(--text-secondary);font-size:12px;line-height:1.6}.payment-info-card>button{height:38px;border-radius:7px;background:var(--primary);color:#fff;font-weight:800}.payment-info-card>button:disabled{opacity:.55;cursor:not-allowed}.payment-expired{border-color:#c2410c3d;background:#fff4dccc}.payment-head{display:flex;justify-content:space-between;gap:12px}.payment-head span{height:fit-content;border-radius:999px;padding:3px 8px;background:#fff;color:var(--primary);font-size:11px;font-weight:800}.payment-main{display:grid;grid-template-columns:148px 1fr;gap:14px;align-items:start}.payment-main img{width:148px;height:148px;border:1px solid var(--border);border-radius:8px;background:#fff}.payment-fields{display:grid;gap:8px}.payment-fields label{display:grid;gap:4px}.payment-fields span{color:var(--text-muted);font-size:12px;font-weight:800}.payment-fields strong{color:var(--primary);font-size:21px}.payment-fields code{overflow-wrap:anywhere;border-radius:6px;background:#fff;padding:8px;color:var(--text-primary);font-size:12px}.payment-actions{display:flex;flex-wrap:wrap;gap:7px}.payment-actions button,.payment-actions a{height:31px;border:1px solid var(--border);border-radius:6px;background:#fff;color:var(--text-primary);padding:0 10px;font-size:12px;font-weight:800;line-height:29px;text-decoration:none}.payment-expire-text{color:var(--text-muted);font-size:12px}@media (max-width: 560px){.payment-main{grid-template-columns:1fr}.payment-main img{width:180px;height:180px;justify-self:center}}.checkout-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#0f172a8c;padding:20px}.checkout-card{width:min(560px,100%);max-height:calc(100vh - 40px);overflow:auto;background:#fff;border-radius:12px;padding:22px;box-shadow:0 20px 60px #0f172a38}.checkout-header{display:flex;justify-content:space-between;gap:16px;margin-bottom:18px}.checkout-header h2{margin:0 0 4px;font-size:22px}.checkout-header p{margin:0;color:var(--text-secondary);font-size:13px}.checkout-close{height:34px;padding:0 12px;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--text-secondary)}.checkout-product{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:14px;margin-bottom:14px;border:1px solid var(--border);border-radius:8px;background:var(--bg-section)}.checkout-product strong{display:block;margin-top:4px}.checkout-brand{color:var(--primary);font-size:12px;font-weight:700}.checkout-price{color:var(--danger);font-size:22px;font-weight:800;white-space:nowrap}.checkout-grid{display:grid;grid-template-columns:150px 1fr;gap:10px}.checkout-field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px;color:var(--text-secondary);font-size:13px;font-weight:600}.checkout-field input,.checkout-field select,.checkout-field textarea{width:100%;border:1px solid var(--border);border-radius:6px;padding:0 12px;color:var(--text-primary);background:#fff}.checkout-field input,.checkout-field select{height:42px}.checkout-field textarea{padding-top:10px;resize:vertical}.checkout-error{margin-bottom:12px;padding:10px 12px;border:1px solid rgba(248,113,113,.35);border-radius:6px;background:#fee2e2b3;color:#b91c1c;font-size:13px}.checkout-submit{width:100%;height:44px;border-radius:7px;background:var(--primary);color:#fff;font-size:15px;font-weight:700}.checkout-submit:disabled{opacity:.55;cursor:not-allowed}.checkout-secondary{width:100%;height:42px;border:1px solid var(--primary);border-radius:7px;background:var(--primary-light);color:var(--primary);font-size:14px;font-weight:700}.checkout-secondary:disabled{opacity:.55;cursor:not-allowed}.checkout-success{display:flex;flex-direction:column;gap:12px}.order-id-box{padding:16px;border:1px solid rgba(16,163,127,.25);border-radius:8px;background:#10a37f14}.order-id-box span{display:block;color:var(--text-secondary);font-size:12px;font-weight:700}.order-id-box strong{display:block;margin-top:4px;color:var(--primary);font-size:24px;letter-spacing:0}.checkout-summary-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border);color:var(--text-secondary)}.checkout-summary-row strong{color:var(--text-primary)}.checkout-pay-note{margin:0;padding:12px;border-radius:8px;background:var(--bg-section);color:var(--text-secondary);font-size:13px;line-height:1.7}.crypto-pay-box{display:grid;gap:10px;padding:14px;border:1px solid rgba(16,163,127,.25);border-radius:8px;background:#10a37f14}.crypto-pay-title{display:flex;justify-content:space-between;gap:12px;align-items:center}.crypto-pay-title span,.crypto-pay-address span{color:var(--text-secondary);font-size:12px;font-weight:700}.crypto-pay-title strong{color:var(--primary);font-size:20px}.crypto-pay-address{display:grid;gap:5px}.crypto-pay-address code{overflow-wrap:anywhere;border-radius:6px;background:#fff;padding:9px;color:var(--text-primary);font-size:12px}.crypto-pay-actions{display:flex;flex-wrap:wrap;gap:8px}.crypto-pay-actions button,.crypto-pay-actions a{height:32px;padding:0 11px;border:1px solid var(--border);border-radius:6px;background:#fff;color:var(--text-primary);font-size:12px;font-weight:700;line-height:30px;text-decoration:none}.crypto-pay-box p{margin:0;color:var(--text-secondary);font-size:12px;line-height:1.6}@media (max-width: 560px){.checkout-grid,.checkout-product{grid-template-columns:1fr}.checkout-product{align-items:flex-start;flex-direction:column}}.user-orders-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#0f172a8c;padding:20px}.user-orders-card{width:min(920px,100%);max-height:calc(100vh - 40px);overflow:auto;background:#fff;border-radius:12px;padding:22px;box-shadow:0 20px 60px #0f172a38}.user-orders-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:14px}.user-orders-header h2{margin:0 0 4px;font-size:22px}.user-orders-header p{margin:0;color:var(--text-secondary);font-size:13px}.user-orders-actions{display:flex;gap:8px}.user-orders-actions button{height:34px;padding:0 12px;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--text-secondary)}.user-orders-actions button:disabled{opacity:.55;cursor:not-allowed}.user-orders-tip{margin-bottom:14px;padding:12px;border-radius:8px;background:#10a37f14;color:var(--text-secondary);font-size:13px;line-height:1.7}.user-orders-tip strong{color:var(--primary)}.user-orders-filter{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:14px}.user-orders-filter button{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 11px;border:1px solid var(--border);border-radius:7px;background:#fff;color:var(--text-secondary);font-size:12px;font-weight:800}.user-orders-filter button.active{border-color:#0b8f7247;background:var(--primary-light);color:var(--primary)}.user-orders-filter span{min-width:18px;border-radius:999px;padding:1px 6px;background:var(--bg-section);color:inherit;font-size:11px}.user-orders-empty,.user-orders-error{padding:18px;border-radius:8px;background:var(--bg-section);color:var(--text-secondary);text-align:center}.user-orders-error{color:#b91c1c;background:#fee2e2b3}.user-orders-list{display:grid;gap:12px}.user-order-item{border:1px solid var(--border);border-radius:8px;padding:14px;background:#fff;display:grid;gap:10px}.user-order-top{display:flex;justify-content:space-between;gap:12px;align-items:center}.user-order-top span{display:block;margin-bottom:2px;color:var(--text-muted);font-size:12px}.user-order-top strong{color:var(--primary);font-size:18px}.user-order-top em{flex-shrink:0;border-radius:999px;padding:4px 9px;background:var(--primary-light);color:var(--primary);font-size:12px;font-style:normal;font-weight:700}.user-order-name{margin-top:10px;color:var(--text-primary);font-weight:700}.user-order-meta{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:8px;color:var(--text-muted);font-size:12px}.user-order-message{padding:10px;border-radius:6px;background:var(--bg-section);color:var(--text-secondary);font-size:13px;line-height:1.6}.user-order-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px}.user-order-actions button{height:34px;padding:0 12px;border-radius:6px;border:1px solid var(--border);background:#fff;color:var(--text-primary);font-size:12px;font-weight:800}.user-order-actions button:first-child{border-color:var(--primary);background:var(--primary);color:#fff}.user-order-actions button.danger{color:#b91c1c;border-color:#f8717159;background:#fee2e2b3}.user-order-actions button:disabled{opacity:.55;cursor:not-allowed}@media (max-width: 560px){.user-orders-header,.user-order-top{align-items:stretch;flex-direction:column}.user-orders-actions{width:100%}.user-orders-actions button{flex:1}}.page-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;display:flex;align-items:flex-start;justify-content:center;overflow:auto;padding:24px;background:#12141794}.page-modal{width:min(920px,100%);max-height:calc(100vh - 48px);overflow:auto;border:1px solid var(--border);border-radius:8px;background:#fff;box-shadow:0 24px 80px #1214173d}.page-modal-header{position:sticky;top:0;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid var(--border);background:#fffffff0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.page-modal-header h2{margin:0;color:var(--text-primary);font-size:22px}.page-modal-header p{margin:4px 0 0;color:var(--text-secondary);font-size:13px}.page-modal-header button{height:34px;padding:0 12px;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--text-secondary);font-weight:800}.page-modal-body{padding:20px}.page-modal-body .container{max-width:none;padding:0}.page-modal-body .section-header{display:none}.page-modal-body .order-query-section,.page-modal-body .order-notes-section{padding:0;background:transparent}@media (max-width: 620px){.page-modal-overlay{padding:12px}.page-modal{max-height:calc(100vh - 24px)}.page-modal-header,.page-modal-body{padding:14px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--primary: #0b8f72;--primary-dark: #08745d;--primary-light: #e5f5ef;--primary-glow: rgba(11, 143, 114, .14);--accent: #b7791f;--danger: #c2410c;--success: #22c55e;--bg: #f6f8fb;--bg-card: #ffffff;--bg-nav: #ffffff;--bg-section: #eef2f7;--text-primary: #121417;--text-secondary: #5d6675;--text-muted: #8992a1;--border: #dde3eb;--border-focus: var(--primary);--radius-sm: 6px;--radius: 8px;--radius-lg: 8px;--shadow-sm: 0 1px 3px rgba(18,20,23,.06);--shadow: 0 10px 30px rgba(18,20,23,.08);--shadow-lg: 0 18px 50px rgba(18,20,23,.12);--font: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Segoe UI", sans-serif}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg);color:var(--text-primary);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased;letter-spacing:0}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:var(--font);border:none;outline:none}input{font-family:var(--font);outline:none}.container{max-width:1200px;margin:0 auto;padding:0 20px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}.tag{display:inline-flex;align-items:center;padding:2px 7px;border-radius:4px;font-size:11px;font-weight:600;line-height:1.6}.tag-recharge{background:#dbeafe;color:#1d4ed8}.tag-white{background:#fce7f3;color:#be185d}.tag-hot{background:#fee2e2;color:#dc2626}.tag-manual{background:#fef3c7;color:#d97706}.tag-auto{background:#d1fae5;color:#065f46}.tag-sale{background:#ede9fe;color:#7c3aed}.tag-year{background:#e0f7f6;color:#0c8a86}@media (max-width: 768px){.container{padding:0 12px}}