/* 大象程序 · 本地交互演示 */
:root{--blue:#445de5;--blue-dark:#3045bf;--blue-soft:#eef1ff;--ink:#18233d;--muted:#81899b;--border:#e9ecf3;--surface:#fff;--bg:#f6f8fc;--green:#168d6b;--amber:#b68020;--red:#d14f5e;--radius:16px;--shadow:0 8px 32px rgba(33,48,90,.045);--font:"Inter","PingFang SC","Microsoft YaHei",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);font-family:var(--font);color:var(--ink);font-size:14px;line-height:1.65;-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}img,svg{vertical-align:middle}img{max-width:100%}svg{flex-shrink:0}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{line-height:1.4;letter-spacing:-.025em}h1{font-size:29px;font-weight:750}h2{font-size:21px;font-weight:700}h3{font-size:16px;font-weight:700}p{margin-bottom:14px}button,input,select,textarea,a{outline-offset:4px}:focus-visible{outline:3px solid #a6b2ff}::selection{background:#dfe4ff;color:#2639a2}button{border:0}ul,ol{padding-left:20px}code{font-family:Consolas,"SFMono-Regular",monospace;font-size:.9em}label{display:block}hr{border:0;border-top:1px solid var(--border);margin:24px 0}input[type=checkbox],input[type=radio]{accent-color:var(--blue);width:16px;height:16px;cursor:pointer}textarea{resize:vertical;min-height:110px}select{cursor:pointer}::placeholder{color:#a2a9b9}
.demo-ribbon{background:#edf0ff;color:#5b65a0;font-size:11px;border-bottom:1px solid #e3e7fb}.demo-ribbon-inner{max-width:1280px;padding:8px 32px;display:flex;align-items:center;justify-content:center;gap:8px;margin:auto;letter-spacing:.03em}.demo-dot{height:6px;width:6px;background:#7785ed;border-radius:50%;flex-shrink:0}.demo-ribbon a{font-weight:600;color:var(--blue)}.site-header{background:rgba(255,255,255,.96);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:30;backdrop-filter:blur(16px)}.header-inner{height:80px;max-width:1280px;padding:0 32px;margin:auto;display:flex;align-items:center;gap:45px}.brand{display:inline-flex;align-items:center;gap:11px;flex-shrink:0}.brand-mark{width:39px;height:39px;color:#fff;background:var(--blue);display:flex;align-items:center;justify-content:center;border-radius:12px;box-shadow:0 3px 8px #445de526}.brand-mark svg{width:25px;height:25px}.brand-name{font-size:18px;letter-spacing:-.04em;font-weight:800;line-height:1.4}.brand-sub{display:block;font-size:9px;letter-spacing:.17em;font-weight:600;color:#9a9fae;line-height:1.7;text-transform:uppercase}.site-nav{height:100%;display:flex;align-items:center;gap:30px;flex:1}.nav-link{height:100%;position:relative;display:inline-flex;gap:7px;align-items:center;color:#727b91;font-size:13px;font-weight:500;white-space:nowrap;transition:color .18s}.nav-link:hover,.nav-link.active{color:var(--blue)}.nav-link.active:after{content:"";height:3px;background:var(--blue);border-radius:2px;position:absolute;bottom:0;left:8px;right:8px}.nav-link svg{width:15px;height:15px}.header-actions{display:flex;align-items:center;gap:12px;white-space:nowrap}.header-actions .btn{font-size:12px;padding:9px 15px;min-height:37px}.avatar{display:inline-flex;align-items:center;justify-content:center;background:#e9edff;color:var(--blue);border:1px solid #e0e5ff;height:34px;width:34px;border-radius:50%;font-weight:700;font-size:12px}.page{max-width:1280px;margin:auto;padding:34px 32px 62px;min-height:calc(100vh - 233px)}.page-wide{max-width:1440px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:26px}.page-heading h1{margin-bottom:6px}.page-heading p{margin:0;color:var(--muted);font-size:13px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.13em;color:var(--blue);text-transform:uppercase;margin-bottom:10px}.muted{color:var(--muted)}.small{font-size:12px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}.card-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.card-header h2,.card-header h3,.card-header p{margin:0}.section-stack{display:flex;flex-direction:column;gap:24px}.btn{min-height:42px;padding:10px 19px;border:1px solid transparent;border-radius:8px;font-size:13px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:8px;line-height:1.4;white-space:nowrap;transition:background .18s,color .18s,border-color .18s,transform .18s,box-shadow .18s}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn svg{width:16px;height:16px}.btn-primary{background:var(--blue);color:#fff;box-shadow:0 3px 7px #445de51a}.btn-primary:hover{background:var(--blue-dark);box-shadow:0 5px 14px #445de526}.btn-secondary{background:#fff;border-color:#dde2ed;color:#45516c}.btn-secondary:hover{border-color:#b7c1ed;background:#f9faff}.btn-ghost{background:transparent;color:#6e7891}.btn-ghost:hover{background:#eff2f8;color:var(--blue)}.btn-danger{background:#fff1f2;border-color:#f8dadd;color:var(--red)}.btn-danger:hover{background:#ffe8eb}.btn-success{background:#edf9f3;border-color:#d4eee0;color:var(--green)}.btn-success:hover{background:#dff4e9}.btn-sm{font-size:12px;min-height:32px;padding:6px 11px;border-radius:6px}.btn-block{width:100%}.icon-button{height:34px;width:34px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:7px;background:#fff;color:#808ba2;transition:color .18s,border-color .18s,background .18s}.icon-button:hover{color:var(--blue);border-color:#c5cffe;background:#f7f8ff}.icon-button svg{width:16px;height:16px}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;background:#f0f2f6;color:#7b8496;font-size:10px;line-height:1.6;font-weight:600;border-radius:5px;white-space:nowrap}.badge.blue,.badge-blue{background:#edf0ff;color:#596ce0}.badge.green,.badge-green{background:#eaf8f0;color:#21906b}.badge.amber,.badge-amber{background:#fff7e6;color:#b78b34}.badge.red,.badge-red{background:#fff0f1;color:#cc6976}.badge.gray,.badge-gray{background:#f1f3f7;color:#848c9b}.badge svg{width:12px;height:12px}.input{display:block;width:100%;border:1px solid #dfe4ef;border-radius:8px;background:#fff;padding:10px 12px;min-height:43px;color:var(--ink);transition:border-color .18s,box-shadow .18s}.input:hover{border-color:#bfc9e1}.input:focus{border-color:#8998f3;box-shadow:0 0 0 3px #445de510;outline:none}.input:disabled,.input[readonly]{background:#f8f9fc;color:#8a93a8}.field{margin-bottom:18px;min-width:0}.field>label,.field>span:first-child{font-weight:600;font-size:12px;color:#56617a;margin-bottom:7px;display:block}.field small,.field .small{display:block;font-size:11px;color:#9299ab;margin-top:6px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.form-grid .full,.form-grid .full-width{grid-column:1/-1}.form-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:24px;padding-top:20px;border-top:1px solid var(--border)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:22px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-bottom:26px}.stat-card{border:1px solid var(--border);border-radius:12px;background:#fff;padding:21px 23px;box-shadow:var(--shadow)}.stat-card>.muted,.stat-card>p:first-child{font-size:12px;color:#81899b;margin-bottom:7px}.stat-card strong,.stat-card .stat-value{display:block;font-size:27px;font-weight:750;letter-spacing:-.04em;color:#273654;line-height:1.4}.stat-card .stat-icon{height:38px;width:38px;float:right;border-radius:10px;background:#f1f3ff;color:var(--blue);display:flex;align-items:center;justify-content:center}.stat-card .stat-icon svg{height:19px;width:19px}.stat-card small{font-size:11px;color:#969daf}.notice{display:flex;align-items:flex-start;gap:10px;padding:13px 16px;border:1px solid #e2e8fc;border-radius:9px;background:#f3f6ff;color:#7984a5;font-size:12px;line-height:1.7}.notice svg{width:16px;height:16px;color:#7c8ce2;margin-top:2px;flex-shrink:0}.notice p{margin:0}.notice.success{background:#effaf4;color:#4a8a6a;border-color:#dcefe4}.notice.warning{background:#fffbef;color:#ad8c48;border-color:#f3e8c4}.banner{padding:24px 28px;border-radius:13px;background:#eaf0ff;display:flex;gap:24px;align-items:center;justify-content:space-between}.banner h2,.banner h3{margin-bottom:5px}.banner p{color:#7d89a5;margin:0;font-size:12px}.text-link{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--blue);font-weight:600}.text-link:hover{color:#2539ba;text-decoration:underline;text-underline-offset:3px}.text-link svg{width:14px;height:14px}.empty-state{text-align:center;padding:65px 24px;color:#99a1b2}.empty-state>svg{width:42px;height:42px;margin-bottom:14px;color:#bac3db}.empty-state h3{color:#5d6b87;margin-bottom:8px}.empty-state p{font-size:12px;margin-bottom:20px}.table-wrap{overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch}.data-table{border-collapse:collapse;width:100%;text-align:left;font-size:12px;white-space:nowrap}.data-table th{color:#929aab;font-size:11px;font-weight:500;background:#f8f9fc;padding:13px 16px;border-block:1px solid #edf0f5}.data-table td{padding:17px 16px;border-bottom:1px solid #edf0f5;color:#66718b;vertical-align:middle}.data-table tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#fbfcff}.data-table td strong{font-weight:600;color:#34425e}.data-table td .small{font-size:10px}.table-wrap .product-cover{width:38px;height:38px;border-radius:9px;min-height:0;display:inline-flex;vertical-align:middle;margin-right:10px}.table-wrap .product-symbol{font-size:17px}.toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap}.toolbar>div{display:flex;gap:10px;align-items:center}.search-input{position:relative;min-width:220px}.search-input>svg{position:absolute;left:13px;top:14px;width:15px;height:15px;color:#a2aabc}.search-input .input{padding-left:38px;font-size:12px;min-height:41px}.tabs{display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--border);margin-bottom:24px}.tab{background:transparent;color:#8a92a3;padding:12px 1px 14px;font-size:13px;font-weight:500;position:relative;white-space:nowrap}.tab:hover{color:var(--blue)}.tab.active{color:var(--blue);font-weight:600}.tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--blue);border-radius:2px}.tab .badge{margin-left:5px}.separator{height:1px;background:var(--border);margin:22px 0}.stepper{display:flex;align-items:center;justify-content:center;gap:12px;margin:15px auto 35px}.step{display:flex;align-items:center;gap:8px;font-size:12px;color:#a1a8b8}.step:not(:last-child):after{content:"";width:65px;height:1px;background:#e1e5ef;margin:0 9px}.step>span:first-child,.step-number{height:24px;width:24px;border-radius:50%;background:#e9edf5;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:600}.step.active{color:var(--blue);font-weight:600}.step.active>span:first-child{background:var(--blue);color:#fff;box-shadow:0 0 0 4px #edf0ff}.step.done{color:#7583c1}.step.done>span:first-child{color:var(--blue);background:#e8edff}.breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:24px;color:#9ca4b4;font-size:11px}.breadcrumb a:hover{color:var(--blue)}.breadcrumb svg{width:12px;height:12px;color:#bac1ce}.breadcrumb span:last-child{color:#6b7892}.toast-stack{position:fixed;right:24px;bottom:24px;z-index:200;display:flex;flex-direction:column;gap:10px;max-width:calc(100vw - 32px)}.toast{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e3e8f3;border-radius:10px;padding:14px 20px;font-size:13px;color:#3d4a65;box-shadow:0 9px 40px #1c2f5c20;animation:toast-enter .22s ease-out}.toast>svg{height:18px;width:18px;color:var(--green)}.toast.error>svg{color:var(--red)}.toast.info>svg{color:var(--blue)}@keyframes toast-enter{from{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-overlay{position:fixed;inset:0;z-index:100;background:rgba(16,28,57,.43);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:24px;overflow-y:auto}.modal{width:100%;max-width:580px;background:#fff;border-radius:18px;box-shadow:0 20px 80px #101c5733;max-height:calc(100vh - 48px);overflow-y:auto;animation:toast-enter .2s ease-out}.modal-header{padding:22px 26px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:20px}.modal-header h2,.modal-header h3{margin:0}.modal-body{padding:26px}.modal-footer{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--border);padding:18px 26px;background:#fbfcff}.modal.wide{max-width:760px}.site-footer{background:#fff;border-top:1px solid var(--border);color:#9aa2b2;padding:29px 32px;font-size:11px}.site-footer>div{max-width:1216px;margin:auto;display:flex;justify-content:space-between;gap:20px;align-items:center}.site-footer .brand{opacity:.75}.site-footer .brand-mark{width:25px;height:25px;border-radius:8px}.site-footer .brand-mark svg{width:17px;height:17px}.site-footer .brand-name{font-size:12px}.site-footer .brand-sub{display:none}.site-footer nav{display:flex;gap:20px}.site-footer a:hover{color:var(--blue)}

/* 目录与详情 */
.hero{min-height:276px;position:relative;overflow:hidden;border:1px solid #e4e9fb;border-radius:18px;padding:36px 39px;background:linear-gradient(110deg,#f0f4ff 0%,#eef2fe 46%,#e8edff 100%);display:grid;grid-template-columns:1.3fr 1fr;margin-bottom:30px}.hero:after{content:"";position:absolute;right:-60px;top:-180px;width:550px;height:550px;border:1px solid #d6def94d;border-radius:50%;pointer-events:none}.hero-copy{position:relative;z-index:2}.hero-kicker{font-size:10px;font-weight:700;letter-spacing:.11em;color:#6e7cba;display:flex;align-items:center;gap:7px;margin-bottom:14px}.hero-kicker:before{content:"";height:5px;width:5px;background:#7c8ae0;border-radius:50%}.hero-title{font-size:34px;font-weight:800;letter-spacing:-.045em;margin-bottom:12px;color:#28395f;line-height:1.45}.hero-title em,.hero-title span{font-style:normal;color:var(--blue)}.hero-description{color:#8a95b0;max-width:500px;font-size:12px;line-height:1.9;margin-bottom:23px}.hero-actions{display:flex;align-items:center;gap:19px}.hero-actions .btn{font-size:12px;min-height:38px;padding:9px 17px}.hero-stat{display:inline-flex;gap:7px;align-items:center;color:#8894b2;font-size:10px}.hero-stat strong{font-weight:700;color:#61729e}.hero-art{position:relative;display:flex;justify-content:center;align-items:center;min-width:0;isolation:isolate}.hero-orbit{position:absolute;border:1px dashed #c8d2f3;border-radius:50%;width:235px;height:235px;transform:rotate(-17deg)}.hero-orbit:before,.hero-orbit:after{content:"";position:absolute;height:32px;width:32px;border:6px solid #f5f7ff;background:#92a2ee;border-radius:50%;top:25px;left:12px;box-shadow:0 5px 15px #7788ce18}.hero-orbit:after{left:auto;top:auto;right:-9px;bottom:44px;height:24px;width:24px;background:#a2b0ef;border-width:5px}.hero-code{position:relative;z-index:2;width:250px;background:rgba(255,255,255,.88);border:1px solid #fff;border-radius:13px;box-shadow:0 15px 30px #6d7eab13;transform:rotate(-5deg);padding:17px 19px;min-height:160px;font-family:Consolas,monospace;font-size:11px;line-height:1.9;color:#8795c9}.hero-code .code-header,.hero-code .cover-dots{margin-bottom:15px}.hero-code .code-line{display:block}.hero-code .code-line:nth-child(2){color:#5c77cf}.hero-code .code-line:nth-child(3){color:#91a1c5;padding-left:15px}.hero-code .code-line:nth-child(4){color:#a38fcf;padding-left:15px}.hero-code .code-line:nth-child(5){color:#5c77cf}.hero-art>svg{width:140px;height:140px;color:#657be0}.catalog-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:28px}.filter-panel{align-self:start;background:#fff;border:1px solid var(--border);border-radius:12px;padding:20px 13px;position:sticky;top:105px}.filter-heading{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:700;color:#43516f;padding:0 11px;margin-bottom:13px}.filter-heading svg{width:14px;height:14px;color:#98a3b9}.filter-panel>.muted{padding:0 11px}.filter-option{padding:11px 12px;margin-bottom:4px;border-radius:7px;display:flex;align-items:center;justify-content:space-between;gap:9px;color:#8a94a9;font-size:12px;border:0;background:transparent;width:100%;text-align:left;transition:background .18s,color .18s}.filter-option>span:first-child{display:flex;align-items:center;gap:10px}.filter-option svg{width:15px;height:15px}.filter-option:hover{color:var(--blue);background:#f7f8ff}.filter-option.active{background:#eef1ff;color:var(--blue);font-weight:600}.filter-option .count{font-size:10px;color:#a0abc4}.filter-option.active .count{color:#7788df}.filter-panel .separator{margin:18px 10px}.catalog-main{min-width:0}.catalog-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:19px;min-height:35px}.catalog-heading h2{font-size:17px;margin:0}.catalog-heading h2 small{font-size:11px;font-weight:400;letter-spacing:0;margin-left:8px;color:#9ca5b5}.catalog-heading .input{min-height:34px;font-size:11px;padding:6px 10px;width:130px;border-color:#e5e9f1;color:#8a93a6;background:#fff}.catalog-heading>div{display:flex;align-items:center;gap:12px}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.product-card{background:#fff;border:1px solid #e6eaf2;border-radius:12px;overflow:hidden;transition:transform .2s,border-color .2s,box-shadow .2s;min-width:0}.product-card:hover{transform:translateY(-4px);border-color:#ccd4f6;box-shadow:0 10px 24px #435eaf0d}.product-cover{position:relative;min-height:152px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#eef1ff;color:#7284d4}.product-cover:before,.product-cover:after{content:"";position:absolute;border:1px solid currentColor;opacity:.075;width:170px;height:170px;transform:rotate(30deg);border-radius:34px}.product-cover:after{width:210px;height:210px;transform:rotate(30deg)}.cover-code{background:linear-gradient(120deg,#e9edff,#f0f2ff);color:#7183d4}.cover-shop{background:linear-gradient(120deg,#eaf4ff,#e9f3ff);color:#6e9ad2}.cover-content{background:linear-gradient(120deg,#eff0fb,#f4f2fb);color:#9b8dc8}.cover-tools{background:linear-gradient(120deg,#e8f5f2,#eff8f5);color:#7faaa0}.product-symbol{position:relative;z-index:1;font-size:36px;font-weight:600;font-family:Consolas,monospace;letter-spacing:-.08em}.product-symbol svg{width:47px;height:47px;stroke-width:1.35}.cover-label{position:absolute;bottom:12px;left:15px;z-index:1;font-size:9px;font-weight:500;letter-spacing:.1em;opacity:.65;text-transform:uppercase}.cover-dots{position:absolute;left:15px;top:13px;display:flex;gap:4px}.cover-dots i,.cover-dots span{height:4px;width:4px;border-radius:50%;background:currentColor;opacity:.25}.product-cover>.badge{position:absolute;right:10px;top:10px;background:#ffffffb3;font-size:9px;font-weight:500;color:inherit}.product-body{padding:17px 17px 14px}.product-meta{display:flex;gap:6px;align-items:center;justify-content:space-between;font-size:9px;color:#a3adbd;margin-bottom:7px}.product-meta .badge{font-size:8px;border-radius:3px;padding:1px 5px;font-weight:500}.product-title{font-size:14px;font-weight:700;color:#374564;margin:0 0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-title a:hover{color:var(--blue)}.product-description{font-size:10px;line-height:1.9;color:#9aa3b4;min-height:37px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-bottom:13px}.product-tags{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-bottom:15px}.tag{display:inline-flex;background:#f5f7fa;border:1px solid #eef0f5;border-radius:4px;padding:1px 5px;color:#9ca6b9;font-size:8px;line-height:1.8}.product-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:13px;border-top:1px solid #f0f2f7}.price{font-size:19px;line-height:1.3;font-weight:750;color:#445de5;letter-spacing:-.04em}.price:before{font-size:11px}.price-unit{font-size:9px;color:#a8afbd;font-weight:400;letter-spacing:0;margin-left:3px}.product-bottom .btn{font-size:10px;min-height:29px;padding:6px 9px;border-radius:5px;background:#f0f3ff;color:var(--blue);border-color:#e9edff;box-shadow:none}.product-bottom .btn:hover{background:var(--blue);color:#fff}.product-bottom .btn svg{height:11px;width:11px}.catalog-main>.notice{margin-top:22px}.catalog-main>.toolbar{margin-top:26px}.product-detail{padding-top:28px}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:27px}.detail-content{min-width:0}.detail-content .product-cover{height:270px;border-radius:14px;border:1px solid #e2e7f7;margin-bottom:24px}.detail-content .product-symbol{font-size:66px}.detail-content .product-symbol svg{width:84px;height:84px}.detail-content .cover-label{font-size:12px;bottom:23px;left:26px}.detail-content .cover-dots{top:22px;left:26px;gap:7px}.detail-content .cover-dots i{width:7px;height:7px}.detail-content .card{margin-bottom:22px}.detail-content .card h2{font-size:17px;margin-bottom:16px}.detail-content .card p{font-size:12px;line-height:1.95;color:#8793aa}.detail-title{font-size:25px;line-height:1.5;margin:10px 0 12px}.detail-aside{align-self:start;position:sticky;top:105px}.detail-aside .card{padding:25px}.detail-aside .price{font-size:31px}.detail-aside .product-tags{margin:15px 0 20px}.detail-aside .small{font-size:11px}.detail-aside .btn-block{margin-top:12px}.feature-list{padding:0;list-style:none;margin:18px 0}.feature-list li{display:flex;gap:9px;align-items:center;color:#818da5;font-size:12px;padding:7px 0}.feature-list svg{width:15px;height:15px;color:#8695d8}.detail-preview{border:1px solid #e2e8f4;border-radius:10px;background:#f8faff;padding:25px;color:#9aa5ba;font-size:12px;text-align:center}.detail-preview svg{width:35px;height:35px;color:#95a6d2;margin-bottom:10px}.detail-preview code{display:block;text-align:left;line-height:1.9;white-space:pre-wrap}.list-clean{list-style:none;padding:0;margin:0}.list-clean li{padding:8px 0;font-size:12px;color:#8390a5;border-bottom:1px solid #f0f2f7}.list-clean li:last-child{border:0}

/* 账户与交易 */
.login-layout{display:grid;grid-template-columns:1.1fr 1fr;max-width:990px;min-height:540px;margin:25px auto 5px;background:#fff;border:1px solid var(--border);border-radius:20px;overflow:hidden;box-shadow:0 12px 50px #293c6a07}.login-story{position:relative;overflow:hidden;background:linear-gradient(145deg,#edf1ff,#e6ecff);padding:51px 43px;display:flex;flex-direction:column;justify-content:center}.login-story:after{content:"";position:absolute;width:340px;height:340px;right:-155px;bottom:-150px;border:1px solid #cbd6fa;border-radius:50%;box-shadow:0 0 0 45px #dce4ff33,0 0 0 90px #dce4ff22}.login-story h1{font-size:32px;line-height:1.55;color:#3a4a79;margin:12px 0 18px}.login-story h1 span{color:var(--blue)}.login-story>p{color:#8b98b8;font-size:12px;line-height:2;max-width:330px}.login-story .eyebrow{font-size:10px}.login-points{list-style:none;padding:0;margin:19px 0 0;position:relative;z-index:1}.login-points li{display:flex;align-items:center;gap:11px;color:#7f8cac;font-size:12px;margin:17px 0}.login-points svg{width:18px;height:18px;color:#7b8bd4}.login-panel{padding:40px 43px;display:flex;align-items:center}.auth-card{width:100%}.auth-heading{margin-bottom:23px}.auth-heading h2{font-size:23px;margin-bottom:5px}.auth-heading p{font-size:12px;color:#9aa3b4;margin:0}.auth-tabs{display:flex;padding:4px;background:#f6f7fb;border:1px solid #eef0f6;border-radius:8px;gap:5px;margin-bottom:24px}.auth-tabs button{flex:1;padding:9px;font-size:12px;background:transparent;color:#8f99ac;border-radius:5px}.auth-tabs button.active{background:#fff;color:var(--blue);box-shadow:0 2px 5px #3441750b;font-weight:600}.auth-demo{margin-top:22px;background:#f8faff;border:1px dashed #dfe5f5;border-radius:8px;padding:12px 14px;font-size:10px;color:#97a1b5;line-height:1.8}.auth-demo strong{font-size:10px;color:#7a88ac;font-weight:600}.auth-demo button{background:none;padding:0;color:var(--blue);font-size:10px;font-weight:600}.auth-form .field>label{font-size:11px}.auth-form .input{font-size:12px;min-height:43px}.auth-form .btn{font-size:12px;min-height:43px;margin-top:4px}.auth-form .checkbox-line{margin:3px 0 17px}.auth-form .text-link{font-size:10px}.checkout-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;max-width:1020px;margin:auto}.checkout-main,.checkout-aside{min-width:0}.checkout-main>.card,.checkout-aside>.card{margin-bottom:20px}.checkout-main h2{font-size:17px}.checkout-aside{align-self:start}.payment-card{text-align:center;padding:28px}.payment-card h2{font-size:18px;margin-bottom:8px}.payment-network{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:20px;padding:5px 12px;background:#eaf7f2;border:1px solid #def0e7;color:#5d9f82;font-size:10px;margin-bottom:18px}.payment-network>svg{width:15px;height:15px}.payment-amount{font-size:30px;font-weight:750;letter-spacing:-.03em;color:#2b3c61;margin-bottom:2px}.payment-amount small{font-size:12px;margin-left:6px;font-weight:500;color:#96a3bc}.qr-demo{width:180px;height:180px;margin:20px auto 10px;padding:12px;border:1px solid #e8ebf2;border-radius:10px;background:#fff;position:relative;overflow:hidden}.qr-demo>svg{height:100%;width:100%;color:#35466b}.qr-demo:after{content:"演示";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:5px 8px;background:#fff;border:1px solid #e9ecf2;border-radius:5px;font-size:10px;font-weight:600;color:#a1aac0;box-shadow:0 2px 8px #23376212}.qr-caption{color:#b2b8c6;font-size:10px;line-height:1.8;margin-bottom:20px}.wallet-address{font-family:Consolas,monospace;font-size:11px;word-break:break-all;color:#7f8da8;border:1px solid #e7ebf3;border-radius:7px;background:#f9faff;padding:11px 12px;line-height:1.7}.copy-row{display:flex;align-items:center;gap:8px}.copy-row .wallet-address,.copy-row .input{flex:1;min-width:0}.copy-row .btn{flex-shrink:0;font-size:10px;min-height:36px;padding:8px 11px}.countdown{font-size:11px;display:flex;align-items:center;justify-content:center;gap:7px;color:#a8b1c2;margin:19px 0 4px}.countdown strong{color:#d7a047;font-variant-numeric:tabular-nums;font-weight:600}.countdown svg{height:13px;width:13px}.payment-instructions{text-align:left;font-size:11px;color:#929db3;padding-left:18px;margin:18px 0 0;line-height:2}.order-summary h3{font-size:14px;margin-bottom:20px}.summary-row{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:11px;margin:13px 0;color:#98a3b7}.summary-row strong{color:#5c6a86;font-size:12px;font-weight:500}.summary-row.total{border-top:1px solid var(--border);padding-top:17px;margin-top:17px}.summary-row.total strong{font-size:19px;color:var(--blue);font-weight:750}.summary-row.product{align-items:flex-start}.summary-row.product .product-title{font-size:12px;white-space:normal}.order-summary .product-cover{height:54px;width:54px;min-height:54px;min-width:54px;border-radius:8px}.order-summary .product-symbol{font-size:23px}.order-summary .product-symbol svg{width:25px;height:25px}.demo-controls{border:1px dashed #e1e6f1;border-radius:10px;padding:16px;background:#fafbff;margin-top:20px}.demo-controls h3{font-size:11px;color:#8795b4;margin-bottom:10px}.demo-controls>p{font-size:10px;color:#a4adbf;margin-bottom:12px}.simulation-options{display:flex;gap:7px;flex-wrap:wrap}.simulation-options .btn{font-size:10px;min-height:29px;padding:6px 9px}.orders-list{display:flex;flex-direction:column;gap:18px}.order-card{border:1px solid var(--border);border-radius:12px;background:#fff;overflow:hidden;box-shadow:var(--shadow)}.order-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 21px;background:#fafbfe;border-bottom:1px solid #eef1f6;font-size:10px;color:#9aa4b6}.order-top>div{display:flex;align-items:center;gap:18px}.order-main{display:flex;align-items:center;gap:18px;padding:23px}.order-main .product-cover{height:78px;width:102px;min-height:78px;flex-shrink:0;border-radius:8px}.order-main .product-symbol{font-size:29px}.order-main .product-symbol svg{height:35px;width:35px}.order-main .product-title{font-size:14px;white-space:normal;margin-bottom:6px}.order-main .product-description{font-size:11px;min-height:0;margin:0}.order-main>.price{margin-left:auto;font-size:21px;white-space:nowrap}.order-bottom{border-top:1px solid #eff2f7;padding:14px 22px;display:flex;gap:12px;align-items:center;justify-content:space-between;font-size:10px;color:#a2abbc}.order-bottom>div{display:flex;align-items:center;gap:9px}.order-bottom .btn{font-size:10px;min-height:31px;padding:7px 11px}.delivery-card{margin-bottom:22px;background:#fff;border:1px solid #e1e8f5;border-radius:12px;padding:23px}.delivery-card h3{font-size:15px}.delivery-row{display:flex;align-items:center;gap:16px;justify-content:space-between;padding:13px 0;border-bottom:1px solid #eff1f6;font-size:11px;color:#9aa3b5}.delivery-row:last-child{border:0}.delivery-value{color:#61718f;word-break:break-all;font-family:Consolas,"Microsoft YaHei",monospace;font-size:11px;display:flex;align-items:center;gap:7px}.delivery-value .btn{min-height:27px;font-size:9px;padding:5px 8px}.success-header{text-align:center;padding:12px 15px 28px}.success-header h1{font-size:25px;margin:16px 0 8px}.success-header p{color:#93a0b7;font-size:12px;margin:0}.success-icon{width:62px;height:62px;border-radius:50%;margin:auto;display:flex;align-items:center;justify-content:center;background:#edf8f1;border:1px solid #e0efe6;color:#5aaa86;box-shadow:0 0 0 8px #f6fbf8}.success-icon svg{width:28px;height:28px}.profile-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:24px}.profile-card{text-align:center;align-self:start;padding:28px 24px}.profile-avatar{height:69px;width:69px;border-radius:50%;background:#eef1ff;border:5px solid #f7f8ff;color:#7384d5;font-size:23px;font-weight:650;display:flex;align-items:center;justify-content:center;margin:0 auto 14px}.profile-card h2{font-size:17px;margin-bottom:4px}.profile-card .small{font-size:10px}.profile-card .badge{margin-top:12px}.profile-card .separator{margin:22px 0 16px}.profile-card .summary-row{font-size:10px;margin:13px 0}.profile-card .summary-row strong{font-size:10px}.download-note{font-size:11px;color:#a0a9ba;line-height:1.9;margin-top:16px}

/* 管理控制台 */
.admin-shell{min-height:100vh;display:grid;grid-template-columns:224px minmax(0,1fr);background:#f6f8fc}.admin-sidebar{background:#19243e;color:#8d98b0;position:fixed;left:0;top:0;bottom:0;width:224px;padding:29px 16px 20px;display:flex;flex-direction:column;z-index:40}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:0 13px 30px;color:#fff}.sidebar-brand .brand-name{font-size:17px;font-weight:700}.sidebar-brand .brand-sub{color:#68778f;font-size:8px;letter-spacing:.1em}.sidebar-brand .brand-mark{width:34px;height:34px;background:#4e66e7;border-radius:10px;box-shadow:none}.sidebar-brand .brand-mark svg{width:22px;height:22px}.sidebar-nav{display:flex;flex-direction:column;gap:6px}.sidebar-nav>.eyebrow,.sidebar-label{font-size:9px;letter-spacing:.1em;color:#5f6e8b;padding:19px 14px 8px;margin:0}.nav-item{display:flex;align-items:center;gap:11px;padding:12px 14px;border-radius:7px;font-size:12px;color:#909cb4;background:transparent;border:0;text-align:left;width:100%;transition:background .18s,color .18s}.nav-item svg{width:17px;height:17px;color:#73829f}.nav-item:hover{background:#222f4b;color:#dde4f4}.nav-item.active{background:#465fe0;color:#fff;box-shadow:0 5px 15px #111c371f}.nav-item.active svg{color:#d5ddff}.nav-item .badge{margin-left:auto;font-size:8px;padding:0 5px;background:#ffffff16;color:#9bade5}.sidebar-footer{margin-top:auto;padding:20px 13px 0;border-top:1px solid #ffffff0a;font-size:10px;color:#586985}.sidebar-footer .nav-item{font-size:11px;padding:9px 0}.sidebar-footer .small{font-size:9px;line-height:1.9;margin-top:12px}.admin-main{grid-column:2;min-width:0}.admin-topbar{height:75px;background:#fff;border-bottom:1px solid var(--border);padding:0 34px;display:flex;align-items:center;justify-content:space-between;gap:20px}.admin-topbar>div{display:flex;align-items:center;gap:12px}.admin-topbar .breadcrumb{margin:0;font-size:11px}.admin-topbar .header-actions{font-size:11px;color:#929eb2}.admin-topbar .avatar{height:31px;width:31px;font-size:10px}.admin-topbar .btn{min-height:32px;padding:7px 10px;font-size:10px}.admin-content{padding:29px 34px 45px;max-width:1480px;margin:auto}.admin-content .page-heading{margin-bottom:25px}.admin-content .page-heading h1{font-size:24px;margin-bottom:6px}.admin-content .page-heading p{font-size:11px}.admin-content .page-heading .btn{font-size:11px;min-height:37px;padding:9px 14px}.admin-content .stats-grid{gap:18px}.admin-content .stat-card{padding:20px}.admin-content .stat-card .stat-value{font-size:27px}.admin-content .stat-card .stat-label{font-size:11px;color:#8b97ae;margin-bottom:6px}.admin-content .stat-card .stat-icon{height:34px;width:34px;border-radius:9px}.admin-content .stat-card .stat-icon svg{width:16px;height:16px}.admin-content .card{border-radius:12px;padding:23px;box-shadow:0 4px 18px #3d528003}.admin-content .card-header{margin-bottom:20px}.admin-content .card-header h2{font-size:15px}.admin-content .card-header p{font-size:10px;color:#9ca7ba}.admin-content .data-table{font-size:11px}.admin-content .data-table th{font-size:10px;padding:12px 13px}.admin-content .data-table td{padding:16px 13px}.admin-content .data-table .btn-sm{font-size:9px;min-height:27px;padding:5px 8px}.admin-content .data-table .icon-button{height:28px;width:28px;border-radius:5px}.admin-content .data-table .icon-button svg{height:13px;width:13px}.admin-content .data-table .badge{font-size:9px}.admin-content .toolbar .input{min-height:36px;font-size:11px;padding:8px 11px}.admin-content .toolbar .search-input .input{padding-left:34px}.admin-content .search-input>svg{top:11px;left:11px;width:14px;height:14px}.admin-content .tabs{gap:25px;margin-bottom:22px}.admin-content .tab{font-size:12px;padding-top:8px}.activity-list{display:flex;flex-direction:column}.activity-item{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #f0f2f7;color:#8d99af;font-size:11px}.activity-item:last-child{border:0}.activity-item>.avatar{height:32px;width:32px;font-size:10px;flex-shrink:0}.activity-item>div:nth-child(2){flex:1}.activity-item strong{color:#586986;font-size:11px;font-weight:500}.activity-item p{margin:2px 0 0;font-size:10px;color:#a5adbd}.activity-item>time,.activity-item>.small{font-size:9px;color:#a9b1c0;white-space:nowrap}.switch{display:inline-flex;position:relative;align-items:center;vertical-align:middle;width:34px;height:19px;margin:0}.switch input,.switch-input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer;z-index:2}.switch span,.switch-track{display:block;background:#dce1eb;border-radius:20px;width:34px;height:19px;transition:background .2s;position:relative}.switch span:before,.switch-track:before{content:"";position:absolute;left:3px;top:3px;width:13px;height:13px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #152d5c18;transition:transform .2s}.switch input:checked+span,.switch input:checked+.switch-track{background:var(--blue)}.switch input:checked+span:before,.switch input:checked+.switch-track:before{transform:translateX(15px)}.switch input:focus-visible+span{outline:3px solid #b4beff;outline-offset:3px}.metric-trend{font-size:9px!important;color:#9ca8bc;display:flex;gap:5px;align-items:center;margin-top:7px}.metric-trend strong,.metric-trend .up{display:inline;color:#4d9e7f;font-size:9px;letter-spacing:0;line-height:1.5;font-weight:500}.metric-trend svg{height:11px;width:11px;color:#63a98c}.file-drop{border:1px dashed #d5deed;background:#fafbfe;border-radius:9px;padding:25px 18px;text-align:center;color:#9aa7be;font-size:11px;cursor:pointer}.file-drop:hover{border-color:#879ae7;background:#f7f9ff}.file-drop>svg{height:27px;width:27px;color:#a0b0cf;margin-bottom:10px}.file-drop p{font-size:10px;margin:6px 0}.file-drop strong{color:#667bc2;font-weight:500}.file-name{margin-top:10px;padding:10px 12px;font-size:10px;border-radius:7px;background:#eff6ff;color:#8093bc;display:flex;align-items:center;gap:7px}.file-name svg{width:13px;height:13px}.checkbox-line{display:flex;align-items:center;gap:8px;font-size:11px;color:#929db3;cursor:pointer}.checkbox-line input{margin:0;flex-shrink:0;width:14px;height:14px}.checkbox-line a{color:var(--blue)}.skeleton{border-radius:6px;background:linear-gradient(90deg,#f0f3f8 25%,#f9faff 50%,#f0f3f8 75%);background-size:200% 100%;animation:skeleton 1.5s infinite}@keyframes skeleton{to{background-position:-200% 0}}.progress{height:5px;border-radius:4px;background:#eef1f8;overflow:hidden}.progress>span{display:block;height:100%;border-radius:4px;background:#7a8be7}.pill{display:inline-flex;align-items:center;padding:3px 9px;border-radius:15px;background:#eef1ff;color:#7c8ec8;font-size:9px}.mobile-menu{display:none}.responsive-label{display:inline}.admin-content .setting-row{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 0;border-bottom:1px solid var(--border)}.admin-content .setting-row:last-child{border:0}.setting-row h3{font-size:12px;margin:0 0 3px}.setting-row p{color:#9aa6bb;font-size:10px;margin:0}.admin-content .form-grid .field>label{font-size:11px}.admin-content .form-grid .input{font-size:11px}.admin-content .form-grid .field small{font-size:9px}.admin-content .mini-chart{height:150px;display:flex;align-items:flex-end;gap:11px;padding:10px 5px 0;border-bottom:1px solid #eef1f6}.mini-chart>div{flex:1;border-radius:4px 4px 0 0;background:#dfe5ff;min-height:20px;transition:background .2s}.mini-chart>div:nth-last-child(2){background:#758ae8}.mini-chart>div:hover{background:#95a6f3}.chart-labels{display:flex;justify-content:space-between;font-size:9px;color:#adb5c5;padding:10px 0}.admin-content .chart-summary{display:flex;gap:20px;margin:5px 0 15px}.chart-summary strong{font-size:23px;font-weight:700}.chart-summary .small{font-size:10px;color:#9da8ba}.table-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border);padding-top:17px;margin-top:8px;color:#a2adbf;font-size:10px}.pagination{display:flex;align-items:center;gap:5px}.pagination button{border:1px solid #e5eaf3;border-radius:5px;background:#fff;height:27px;min-width:27px;color:#9da7b9;font-size:10px}.pagination button.active{background:var(--blue);border-color:var(--blue);color:#fff}

/* 小屏适配 */
@media(min-width:1500px){.page{padding-top:38px}.hero{min-height:285px}.product-cover{min-height:158px}}
@media(max-width:1150px){.header-inner{gap:25px}.site-nav{gap:20px}.brand-name{font-size:16px}.header-actions{gap:8px}.catalog-layout{grid-template-columns:166px minmax(0,1fr);gap:22px}.product-grid{gap:15px}.product-body{padding:15px 13px 13px}.product-cover{min-height:135px}.hero{padding:32px}.hero-title{font-size:31px}.admin-content{padding:27px 25px}.admin-topbar{padding:0 25px}.admin-content .stats-grid{gap:12px}.admin-content .stat-card{padding:17px}.stats-grid{gap:15px}.grid-2{gap:18px}}
@media(max-width:980px){.header-inner{padding:0 24px;gap:25px;height:73px}.site-nav{gap:17px}.nav-link{font-size:12px}.nav-link svg{display:none}.header-actions .btn{font-size:11px;padding:8px 11px}.brand-sub{font-size:8px}.page{padding:28px 24px 45px}.hero{grid-template-columns:1.35fr 1fr;padding:30px}.hero-title{font-size:28px}.hero-art{transform:scale(.87);transform-origin:center right}.hero-description{font-size:11px}.catalog-layout{grid-template-columns:150px minmax(0,1fr);gap:20px}.filter-panel{padding:16px 9px;top:95px}.filter-option{padding:10px 9px;font-size:11px}.filter-heading{font-size:11px;padding-inline:9px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.product-cover{min-height:158px}.product-body{padding:17px}.product-title{font-size:14px}.product-description{font-size:11px}.product-meta{font-size:10px}.product-tags .tag{font-size:9px}.product-bottom .btn{font-size:10px}.detail-layout{grid-template-columns:minmax(0,1fr) 290px;gap:20px}.checkout-layout{grid-template-columns:minmax(0,1fr) 290px;gap:20px}.detail-aside .card{padding:20px}.login-story{padding:35px 30px}.login-story h1{font-size:28px}.login-panel{padding:35px 30px}.admin-shell{grid-template-columns:190px minmax(0,1fr)}.admin-sidebar{width:190px;padding-inline:12px}.sidebar-brand{padding-inline:7px}.sidebar-brand .brand-name{font-size:15px}.sidebar-brand .brand-mark{width:31px;height:31px}.nav-item{font-size:11px;padding:12px}.admin-content{padding:25px 22px}.admin-topbar{padding:0 22px;height:68px}.admin-content .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-content .grid-2,.admin-content .grid-3{grid-template-columns:1fr}.admin-content .card{padding:20px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-layout{grid-template-columns:235px minmax(0,1fr)}.site-footer{padding-inline:24px}.site-footer>div{flex-wrap:wrap;row-gap:13px}}
@media(max-width:760px){.header-inner{height:auto;min-height:72px;flex-wrap:wrap;padding:16px 20px 0;gap:0;justify-content:space-between}.brand-mark{width:34px;height:34px;border-radius:10px}.brand-mark svg{width:23px;height:23px}.brand-name{font-size:16px}.brand-sub{font-size:7px;letter-spacing:.14em}.header-actions{margin-left:auto;gap:7px}.header-actions .btn{min-height:32px;padding:7px 10px;font-size:10px}.header-actions .avatar{width:29px;height:29px;font-size:10px}.site-nav{width:100%;flex:none;order:3;gap:27px;height:46px;margin-top:6px;overflow-x:auto;scrollbar-width:none}.site-nav::-webkit-scrollbar{display:none}.nav-link{font-size:11px}.nav-link.active:after{left:0;right:0;height:2px}.demo-ribbon-inner{font-size:9px;padding:7px 15px;gap:5px;letter-spacing:0}.page{padding:24px 20px 40px}.page-heading{gap:14px;margin-bottom:21px;align-items:flex-start}.page-heading h1{font-size:24px}.page-heading p{font-size:11px}.page-heading>.btn{font-size:10px;min-height:34px;padding:8px 11px;margin-top:3px}.hero{padding:28px;grid-template-columns:1fr;min-height:0;margin-bottom:25px}.hero-copy{max-width:470px}.hero-title{font-size:30px;line-height:1.5}.hero-description{font-size:11px;max-width:380px}.hero-art{position:absolute;right:-72px;bottom:10px;opacity:.2;transform:scale(.85);pointer-events:none}.hero-actions{gap:13px}.hero-stat{font-size:9px}.catalog-layout{display:flex;flex-direction:column;gap:20px}.filter-panel{position:static;padding:11px;display:flex;gap:5px;overflow-x:auto;border-radius:10px;align-items:center;scrollbar-width:none}.filter-panel .filter-heading,.filter-panel .separator,.filter-panel>.muted,.filter-panel .filter-note,.filter-panel>.small{display:none}.filter-option{display:inline-flex;flex-shrink:0;white-space:nowrap;width:auto;padding:8px 11px;margin:0;font-size:10px;gap:8px}.filter-option>span:first-child{gap:6px}.filter-option .count{font-size:9px}.filter-option svg{width:13px;height:13px}.catalog-heading{margin-bottom:16px}.catalog-heading h2{font-size:16px}.catalog-heading h2 small{font-size:9px;margin-left:5px}.catalog-heading .input{font-size:10px;min-height:31px;padding:5px 7px;width:111px}.catalog-heading>div{gap:7px}.product-grid{gap:15px}.product-cover{min-height:148px}.product-body{padding:15px}.product-title{font-size:13px}.product-description{font-size:10px}.product-meta{font-size:9px}.product-meta .badge{font-size:7px}.product-tags .tag{font-size:8px}.price{font-size:18px}.price-unit{font-size:8px}.product-bottom .btn{font-size:9px;min-height:28px;padding:6px 8px}.detail-layout,.checkout-layout{grid-template-columns:1fr;gap:20px}.detail-aside{position:static;order:-1}.detail-aside .card{padding:24px}.detail-content .product-cover{height:230px}.detail-title{font-size:23px}.checkout-aside{order:-1}.checkout-aside .card{margin-bottom:0}.checkout-aside .order-summary .summary-row{margin:9px 0}.checkout-main .payment-card{padding:24px}.stepper{gap:6px;margin:5px auto 29px}.step{font-size:10px;gap:7px}.step:not(:last-child):after{width:26px;margin:0 7px}.step>span:first-child{height:21px;width:21px;font-size:9px}.login-layout{grid-template-columns:1fr;max-width:480px;margin:4px auto 0}.login-story{padding:28px 30px}.login-story h1{font-size:25px;margin-bottom:9px}.login-story>p{font-size:11px;margin:0;max-width:310px}.login-story .eyebrow{font-size:9px;margin-bottom:0}.login-points{display:none}.login-panel{padding:29px 30px 35px}.auth-heading h2{font-size:21px}.auth-heading p{font-size:11px}.auth-heading{margin-bottom:19px}.auth-tabs{margin-bottom:21px}.profile-layout{grid-template-columns:1fr}.profile-card{padding:24px}.profile-card .profile-avatar{height:58px;width:58px;font-size:21px;margin-bottom:10px}.profile-card .separator,.profile-card .summary-row{display:none}.profile-card .badge{margin-top:6px}.profile-card h2{margin-bottom:0}.card{padding:21px;border-radius:12px}.grid-2,.grid-3{grid-template-columns:1fr;gap:18px}.form-grid{gap:0 15px}.stats-grid{gap:13px;margin-bottom:21px}.stat-card{padding:17px 18px}.stat-card strong{font-size:25px}.stat-card .stat-icon{width:31px;height:31px;border-radius:8px}.stat-card .stat-icon svg{width:15px;height:15px}.stat-card>.muted,.stat-card>p:first-child{font-size:10px}.stat-card small{font-size:9px}.banner{padding:21px;gap:18px}.banner h2{font-size:17px}.banner p{font-size:10px}.banner .btn{font-size:10px;padding:8px 12px;min-height:34px}.tabs{gap:23px;margin-bottom:20px;overflow-x:auto;scrollbar-width:none}.tab{font-size:11px;flex-shrink:0}.order-top{padding:12px 16px;font-size:9px;gap:10px}.order-top>div{gap:10px;flex-wrap:wrap}.order-main{padding:18px 16px;gap:13px}.order-main .product-cover{height:64px;width:78px;min-height:64px}.order-main .product-title{font-size:12px}.order-main .product-description{font-size:9px}.order-main>.price{font-size:17px}.order-bottom{padding:12px 16px;font-size:9px;gap:10px}.order-bottom .btn{font-size:9px;min-height:29px;padding:6px 9px}.site-footer{padding:24px 20px;font-size:9px}.site-footer>div{gap:14px;justify-content:center;text-align:center}.site-footer nav{gap:16px;font-size:9px}.site-footer .brand{display:none}.admin-shell{display:block}.admin-sidebar{width:100%;position:relative;padding:17px 20px 0;background:#19243e;display:block}.sidebar-brand{padding:0 0 14px;gap:9px}.sidebar-brand .brand-name{font-size:16px}.sidebar-brand .brand-sub{font-size:7px}.sidebar-brand .brand-mark{height:32px;width:32px}.sidebar-nav{flex-direction:row;gap:6px;overflow-x:auto;padding-bottom:12px;scrollbar-width:none}.sidebar-nav>.eyebrow,.sidebar-label{display:none}.nav-item{white-space:nowrap;width:auto;flex-shrink:0;padding:9px 12px;font-size:10px;gap:7px}.nav-item svg{height:14px;width:14px}.sidebar-footer{display:none}.admin-main{width:100%}.admin-topbar{height:55px;padding:0 20px}.admin-topbar .breadcrumb{font-size:10px}.admin-topbar .header-actions{font-size:9px;gap:7px}.admin-topbar .btn{font-size:9px;min-height:29px;padding:6px 8px}.admin-topbar .avatar{height:26px;width:26px;font-size:9px}.admin-content{padding:23px 20px 35px}.admin-content .page-heading{margin-bottom:21px}.admin-content .page-heading h1{font-size:22px}.admin-content .page-heading p{font-size:10px}.admin-content .page-heading .btn{font-size:10px;padding:8px 11px;min-height:34px}.admin-content .stat-card{padding:16px}.admin-content .stat-card .stat-value{font-size:24px}.admin-content .stat-card .stat-label{font-size:10px}.admin-content .card{padding:18px}.admin-content .card-header h2{font-size:14px}.admin-content .card-header p{font-size:9px}.admin-content .toolbar{gap:10px}.toolbar>.search-input{flex:1;min-width:180px}.admin-content .toolbar .search-input{min-width:160px}.admin-content .toolbar>div{gap:7px}.admin-content .toolbar .input{font-size:10px;min-height:33px;padding:7px 9px}.admin-content .search-input>svg{top:10px}.admin-content .toolbar select{max-width:120px}.table-footer{font-size:9px}.modal-overlay{padding:15px}.modal{max-height:calc(100vh - 30px);border-radius:14px}.modal-header{padding:19px 20px}.modal-header h2{font-size:19px}.modal-body{padding:20px}.modal-footer{padding:15px 20px}.modal-footer .btn{font-size:11px;min-height:37px}.toast-stack{right:16px;bottom:16px}.toast{padding:12px 16px;font-size:11px;gap:8px}.breadcrumb{margin-bottom:20px;font-size:10px}}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.btn:hover,.product-card:hover{transform:none}}

/* 与交互模板对应的细节 */
.page-wide{max-width:1280px}.demo-ribbon-inner{justify-content:space-between}.demo-ribbon-inner>span{display:flex;align-items:center;gap:6px}.demo-ribbon-inner .demo-dot{display:inline-block;margin-right:6px;vertical-align:middle}.demo-ribbon-inner a{font-size:10px;display:inline-flex;align-items:center;gap:4px}.user-name{font-size:11px;color:#77839a}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-left:max(32px,calc((100% - 1216px)/2));padding-right:max(32px,calc((100% - 1216px)/2))}.site-footer>div{margin:0;gap:19px;font-size:11px}.site-footer strong{color:#69758c;font-weight:600}.site-footer>span,.site-footer>a{font-size:10px}.field{display:block;font-size:12px;font-weight:500;color:#637089}.field>.input{margin-top:7px;font-weight:400}.field>.muted.small{display:inline;margin-top:0;font-size:10px;font-weight:400}.hero-title>span{display:block}.hero-kicker:before{display:none}.hero-kicker>.demo-dot{width:5px;height:5px}.hero-benefits{display:flex;gap:21px;margin-top:22px;color:#8c99b8;font-size:9px}.hero-benefits>span{display:flex;align-items:center;gap:5px}.hero-benefits svg{width:12px;height:12px;color:#8b9bd3}.hero-code{width:330px;padding:0;transform:rotate(-5deg);border-radius:11px;overflow:hidden;line-height:1.8}.mini-window-bar{border-bottom:1px solid #e9edf6;display:flex;gap:4px;padding:12px 14px;align-items:center;color:#b8c1d7}.mini-window-bar i{width:5px;height:5px;border-radius:50%;background:#ccd6ee}.mini-window-bar i:first-child{background:#f0bbbd}.mini-window-bar i:nth-child(2){background:#efdbb0}.mini-window-bar i:nth-child(3){background:#b6ddc5}.mini-window-bar span{margin-left:8px;font-size:8px;color:#a5afc6}.code-lines{padding:16px 19px;font-size:9px;line-height:1.9;color:#8493b6}.code-lines p{margin:0 0 3px;white-space:nowrap;letter-spacing:-.025em}.code-indent{padding-left:15px}.syntax-purple{color:#9a83ca}.syntax-blue{color:#6f8bcf}.syntax-green{color:#8aaa9a}.code-result{border-top:1px solid #edf0f7;margin-top:11px;padding-top:10px;color:#8ba995;font-size:8px;display:flex;align-items:center;gap:6px}.code-result svg{width:11px;height:11px}.hero-orbit{width:290px;height:290px}.hero-float{position:absolute;z-index:4;display:flex;align-items:center;gap:9px;background:#ffffffed;border:1px solid #fff;border-radius:10px;padding:12px 15px;box-shadow:0 9px 25px #5e73b713;transform:rotate(5deg);color:#8595c8}.hero-float>svg{width:23px;height:23px;color:#7d92dc}.hero-float>span{font-size:10px;color:#7788b4;font-weight:600;line-height:1.6;white-space:nowrap}.hero-float small{display:block;font-size:7px;color:#b0b9cf;font-weight:400}.hero-float-top{top:5px;right:4px}.hero-float-bottom{bottom:-4px;left:4px;transform:rotate(-4deg)}.store-notice{margin-bottom:27px;border:1px solid #e9ecf5;border-radius:9px;background:#fff;padding:11px 16px;color:#98a2b5;display:flex;align-items:center;gap:9px;font-size:10px}.store-notice>svg{height:14px;width:14px;color:#94a0c7}.store-notice>span:first-of-type{flex:1}.store-notice .badge{font-size:8px;font-weight:400}.filter-option{justify-content:flex-start}.filter-option>span{flex:1}.filter-option>b{font-weight:400;font-size:9px;color:#b2bace}.filter-option.active>b{color:#8292d6}.filter-help{margin:24px 10px 2px;padding-top:22px;border-top:1px solid #edf0f6;text-align:left}.filter-help>svg{color:#bdc8e7;width:23px;height:23px;margin-bottom:12px}.filter-help h4{color:#9aa6bd;font-size:10px;font-weight:500;margin-bottom:7px}.filter-help p{font-size:8px;color:#b3bbcb;line-height:1.9;margin-bottom:13px}.filter-help>a{display:flex;align-items:center;gap:4px;font-size:8px;color:#a0add0}.filter-help>a svg{width:10px;height:10px}.catalog-heading>div:first-child{display:block}.catalog-heading h2{margin-bottom:3px}.catalog-heading p{font-size:9px;margin:0;color:#a8b0bf}.catalog-tools{display:flex;align-items:center;gap:9px}.catalog-tools .search-input{min-width:190px;max-width:230px}.search-input>input{width:100%;border:1px solid #e5e9f2;border-radius:7px;padding:8px 11px 8px 33px;background:#fff;font-size:10px;min-height:34px;color:#64728e;outline:none}.search-input>input:focus{border-color:#8798eb;box-shadow:0 0 0 3px #445de510}.catalog-tools .search-input>svg{width:13px;height:13px;left:11px;top:11px}.catalog-tools .sort-select{width:106px;font-size:10px}.results-count{font-size:9px;color:#b1b9c7;margin-bottom:14px}.results-count strong{font-weight:500;color:#91a0bc}.cover-dots{font-size:9px;letter-spacing:3px;line-height:1;opacity:.5}.cover-code-label{position:absolute;bottom:13px;right:14px;font-family:Consolas,monospace;font-size:8px;opacity:.45}.product-cover-link{display:block}.product-cover.compact .cover-label,.product-cover.compact .cover-dots,.product-cover.compact .cover-code-label{display:none}.detail-preview{padding:0;border:0;background:transparent;overflow:hidden;border-radius:14px;margin-bottom:24px}.detail-preview .product-cover{margin-bottom:0;height:295px}.detail-preview .product-symbol svg{margin-bottom:0;width:88px;height:88px}.detail-description .feature-list{display:grid;grid-template-columns:1fr 1fr;gap:13px 17px;padding:18px 0;margin:18px 0;border-block:1px solid #edf0f6}.feature-list>div{display:flex;align-items:center;gap:8px;color:#96a1b6;font-size:10px}.feature-list>div svg{width:15px;height:15px;color:#8fa3d8}.detail-description h3{font-size:13px;color:#65728e;margin:21px 0 9px}.detail-description>.product-tags{margin-bottom:0}.purchase-card>p{font-size:11px;line-height:1.9;color:#9ca6ba}.detail-price{margin:21px 0}.detail-price .price{font-size:33px}.detail-price>.price-unit{font-size:10px}.purchase-card>.notice{font-size:9px}.purchase-trust{margin:13px 0 0;font-size:9px;color:#a5b0c4;display:flex;align-items:center;justify-content:center;gap:5px}.purchase-trust svg{width:13px;height:13px;color:#a2b3db}.detail-help{display:flex;align-items:flex-start;gap:12px;margin-top:18px}.detail-help>svg{color:#9aabd0;width:22px;height:22px}.detail-help strong{font-size:11px;color:#8997b1;font-weight:500}.detail-help p{font-size:9px;line-height:1.9;margin:5px 0 0;color:#b0b8c8}.login-layout{min-height:600px}.login-story{padding-block:47px}.login-points{margin:17px 0 0}.login-points>div{display:flex;align-items:center;gap:13px;margin:22px 0}.login-points>div>svg{width:22px;height:22px;color:#94a3d3}.login-points strong{display:block;font-size:11px;font-weight:500;color:#8090b7}.login-points small{display:block;font-size:9px;color:#a4b0ce;margin-top:2px}.login-decoration{position:absolute;right:-30px;bottom:4px;transform:rotate(-18deg);opacity:.12;display:flex;flex-direction:column;align-items:center;gap:8px}.login-decoration>svg{width:140px;height:140px}.login-decoration .tag{font-size:6px;background:transparent;border:0;color:#6e81bb;letter-spacing:.2em}.login-panel{flex-direction:column;justify-content:center;align-items:stretch;padding:35px 43px}.auth-card.card{padding:0;border:0;box-shadow:none;border-radius:0;background:transparent}.auth-tabs>a{flex:1;padding:8px 0;font-size:11px;text-align:center;color:#9ba4b5;border-radius:5px}.auth-tabs>a.active{background:#fff;color:var(--blue);box-shadow:0 2px 6px #3a4d8e08;font-weight:600}.auth-form>.field{font-size:11px;color:#7b88a1;margin-bottom:17px}.auth-form>.field .input{margin-top:7px}.auth-demo{background:transparent;border:0;border-top:1px solid #eef1f7;padding:18px 0 0;text-align:center;margin-top:21px}.auth-demo>span{color:#aeb6c7;font-size:9px;display:block;margin-bottom:10px}.auth-demo>.btn{border-color:#dfe5f3;background:#fdfdff;color:#8294bc;font-size:10px;min-height:36px}.auth-demo>.btn:hover{border-color:#a6b4e3;background:#f8faff}.auth-demo>small{display:block;margin-top:8px;font-size:8px;color:#bdc4d1}.auth-note{text-align:center;font-size:8px!important;margin:15px 0 0;color:#bdc4d2}.back-link{display:flex;align-items:center;justify-content:center;gap:5px;font-size:9px;color:#a7b1c5;margin-top:22px}.back-link svg{width:12px;height:12px}.back-link:hover{color:var(--blue)}.form-error{font-size:11px;color:var(--red);min-height:12px;margin-bottom:9px}.form-error:empty{min-height:0;margin-bottom:0}.member-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.member-stats>.stat-card{position:relative;padding:22px 25px}.member-stats>.stat-card>span{font-size:11px;color:#97a3b9}.member-stats>.stat-card>strong{margin-top:5px;font-size:29px;color:#425574}.member-stats>.stat-card>svg{position:absolute;right:25px;top:29px;width:24px;height:24px;color:#aab7dc}.order-card.card{padding:0}.order-product{flex:1;min-width:0}.order-product h3{font-size:13px;margin:0 0 4px;color:#5c6e8e}.order-product p{font-size:10px;margin:0 0 5px;color:#a7b1c3}.order-product>.small{font-size:9px}.order-amount{display:flex;flex-direction:column;gap:4px;text-align:right;margin-right:20px;white-space:nowrap}.order-amount>.small{font-size:9px;color:#adb7c9}.order-amount strong{font-size:19px;font-weight:650;color:#5f72a1;letter-spacing:-.02em}.order-amount small{font-size:8px;font-weight:400;color:#adb7cc}.order-main>.btn{font-size:10px;min-height:34px;padding:8px 11px}.order-main>.btn svg{width:13px;height:13px}.summary-product{display:flex;gap:12px;align-items:center}.summary-product>.product-cover{height:55px;width:58px;min-height:55px;flex-shrink:0}.summary-product>div:last-child{min-width:0}.summary-product strong{font-size:11px;font-weight:600;color:#657897}.summary-product p{font-size:9px;margin:3px 0 0;color:#a4b1c7}.summary-row.vertical{display:block}.summary-row.vertical code{display:block;margin-top:6px;font-size:10px;color:#8e9cba;overflow-wrap:anywhere}.stepper>.step:after{display:none}.stepper>i{height:1px;background:#e1e7f3;width:65px;margin:0 6px}.step>b{display:flex;align-items:center;justify-content:center;background:#e8ecf5;font-size:10px;border-radius:50%;width:22px;height:22px;font-weight:500}.step.active>b{color:#fff;background:var(--blue);box-shadow:0 0 0 3px #e9edff}.step.done>svg{background:#e9efff;border-radius:50%;color:#6d84d5;box-sizing:content-box;padding:4px;width:12px;height:12px}.payment-card>.payment-network{background:transparent;border:0;border-radius:0;gap:8px;margin-bottom:19px;padding:0;color:#7e8fa9;font-size:11px}.usdt-symbol{display:flex;align-items:center;justify-content:center;height:24px;width:24px;background:#74bba3;border-radius:50%;color:#fff;font-weight:600;font-size:17px}.payment-network>.badge{font-size:8px;margin-left:8px;padding:3px 7px;font-weight:400}.payment-card>p.muted{font-size:10px;margin-bottom:7px}.payment-card>.payment-amount{font-size:34px;color:#3e557e;line-height:1.5;margin-bottom:7px}.payment-amount>span{font-size:12px;color:#a7b3c9;letter-spacing:0;font-weight:400}.payment-card>p.small{font-size:9px;margin-bottom:17px;color:#a9b4c8}.qr-demo{width:192px;height:192px;padding:9px;margin:12px auto}.qr-demo:after{display:none}.qr-caption{font-size:8px;margin-bottom:21px;color:#b9c1d0}.payment-card>.copy-row{padding:13px 15px;border:1px solid #e6ebf5;border-radius:8px;background:#f9fbff;text-align:left;gap:10px}.payment-card>.copy-row>div{flex:1;min-width:0}.payment-card>.copy-row .small{font-size:8px;color:#a8b3c7}.payment-card>.copy-row .wallet-address{padding:5px 0 0;border:0;border-radius:0;font-size:10px;background:transparent;color:#8394b7}.payment-card>.copy-row .icon-button{width:28px;height:28px;background:#fff;flex-shrink:0;border-color:#e0e6f2}.payment-card>.copy-row .icon-button svg{width:13px;height:13px}.countdown{font-size:9px;margin:17px 0 11px}.countdown strong{font-size:11px}.countdown svg{width:12px;height:12px}.payment-listening{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:5px;font-size:9px;color:#95a5bf;margin-top:16px}.payment-listening>.small{font-size:8px;color:#b5bed0}.pulse-dot{height:5px;width:5px;background:#98c5ad;border-radius:50%;box-shadow:0 0 0 3px #eff8f3}.payment-buttons{display:flex;gap:12px;justify-content:center;margin-top:21px}.payment-buttons .btn{font-size:10px;min-height:36px;padding:8px 13px}.payment-buttons .btn svg{width:13px;height:13px}.demo-controls.card{padding:21px;background:#fbfcff;border:1px dashed #dfe6f6}.demo-controls .card-header{margin-bottom:12px;align-items:flex-start}.demo-controls .card-header .badge{font-size:8px;font-weight:400;margin-bottom:8px}.demo-controls .card-header h3{font-size:12px;color:#7d8eae;margin-bottom:0}.demo-controls .card-header>svg{color:#b3bedb;width:20px;height:20px}.demo-controls>p{font-size:9px!important;margin-bottom:13px;color:#aeb8cb}.simulation-options{gap:7px}.simulation-options .btn{font-size:9px;min-height:31px;padding:7px 9px}.simulation-options .btn svg{height:12px;width:12px}.payment-instructions.card{padding:21px}.payment-instructions h3{font-size:12px;color:#8294b3;display:flex;align-items:center;gap:8px;margin-bottom:13px}.payment-instructions h3 svg{color:#a0afd0;width:15px;height:15px}.payment-instructions ol{padding-left:15px;line-height:2;color:#a5b0c5;font-size:9px;margin-bottom:0}.notice.error{background:#fff5f5;border-color:#f5dfe3;color:#bc8890}.success-header{display:flex;align-items:center;gap:20px;text-align:left;padding:22px 26px;border:1px solid #deeee4;background:#f2faf5;border-radius:12px;max-width:1020px;margin:0 auto 24px}.success-header .success-icon{width:43px;height:43px;min-width:43px;margin:0;box-shadow:none;border:0;background:#dfefe6}.success-header .success-icon svg{width:23px;height:23px}.success-header h2{font-size:17px;color:#629780;margin:0 0 5px}.success-header p{font-size:9px;color:#9bb6a7;margin:0}.success-header>.badge{margin-left:auto;font-size:8px;white-space:nowrap}.delivery-card>p{font-size:11px;color:#a0acc0}.delivery-card .card-header{margin-bottom:13px}.delivery-card .card-header h2{font-size:18px;margin-bottom:0}.delivery-card .eyebrow{font-size:8px;margin-bottom:6px}.delivery-card .card-header>.badge{font-size:8px}.delivery-card .delivery-row{padding:13px 0;align-items:center}.delivery-card .delivery-row>div{min-width:0}.delivery-card .delivery-row .small{font-size:9px}.delivery-card .delivery-value{font-size:11px;margin-top:5px;display:block;max-width:none;color:#8295bc;word-break:break-all}.delivery-card .grid-2{gap:24px}.delivery-card .delivery-row>.btn{font-size:9px;min-height:29px;padding:6px 9px;flex-shrink:0}.delivery-card .delivery-row>.icon-button{width:28px;height:28px;flex-shrink:0}.delivery-card .delivery-row>.icon-button svg{height:13px;width:13px}.delivery-actions{display:flex;gap:16px;align-items:center;margin-top:22px;flex-wrap:wrap}.delivery-actions .btn{font-size:10px;min-height:35px}.delivery-actions>.small{font-size:9px}.download-note{font-size:9px;display:flex;align-items:flex-start;gap:6px;color:#adb8cb}.download-note svg{height:13px;width:13px;flex-shrink:0;margin-top:2px}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-bottom:25px}.guide-card{display:block;transition:transform .2s,border-color .2s}.guide-card:hover{transform:translateY(-3px);border-color:#ccd6f5}.guide-number{font-size:27px;line-height:1;font-weight:700;color:#d5def6;display:block;margin-bottom:22px;letter-spacing:-.04em}.guide-card h2{font-size:16px;margin-bottom:10px}.guide-card p{font-size:11px;line-height:1.9;color:#9aa6be;min-height:40px;margin-bottom:20px}.guide-card .text-link{font-size:10px}.guide-steps{font-size:12px;line-height:2.7;color:#8a98b3;margin:0 0 3px;padding-left:19px}.guide-grid+.card{margin-bottom:21px}.reset-card{display:flex;align-items:center;gap:24px;justify-content:space-between;margin-top:21px}.reset-card h3{font-size:14px;margin:0 0 5px}.reset-card p{font-size:11px;margin:0}.reset-card .btn{font-size:11px}
@media(max-width:1150px){.catalog-tools .search-input{min-width:160px;max-width:180px}.catalog-tools .sort-select{width:100px}.hero-float-top{right:-8px}.hero-float-bottom{left:-13px}.hero-code{width:300px}.code-lines{padding:14px 16px;font-size:8px}.hero-benefits{gap:16px;font-size:8px}.hero-float{padding:11px 12px}.hero-float>span{font-size:9px}.hero-float small{font-size:7px}}
@media(max-width:980px){.catalog-heading{align-items:flex-start;flex-direction:column;gap:13px}.catalog-tools{width:100%;justify-content:space-between}.catalog-tools .search-input{min-width:170px;max-width:none;flex:1}.catalog-tools .sort-select{width:110px}.hero-code{width:300px}.hero-float-top{right:-25px;top:-9px}.hero-float-bottom{left:-6px;bottom:-3px}.hero-benefits{gap:15px;font-size:8px}.hero-description br{display:none}.login-layout{min-height:590px}.login-panel{padding:31px 30px}.login-points>div{gap:11px;margin:21px 0}.login-points strong{font-size:10px}.login-points small{font-size:8px}.login-points>div>svg{width:20px;height:20px}.login-story>p{font-size:11px}.order-amount{margin-right:8px}.order-main>.btn{font-size:9px;padding:7px 10px;min-height:32px}.order-amount strong{font-size:17px}.order-product h3{font-size:12px}.site-footer{padding-inline:24px}.site-footer>div{font-size:10px;gap:12px}.site-footer>span,.site-footer>a{font-size:9px}.guide-grid{gap:17px}.guide-card{padding:21px}.guide-card h2{font-size:14px}.guide-card p{font-size:10px}.guide-card .text-link{font-size:9px}.guide-steps{font-size:11px}}
@media(max-width:760px){.site-footer{flex-wrap:wrap;justify-content:center;padding:22px 20px;gap:9px 20px}.site-footer>div{width:100%;justify-content:center}.hero-benefits{gap:16px;font-size:8px;margin-top:21px}.hero-art{transform:scale(.8);transform-origin:right bottom}.hero-float{display:none}.hero-description br{display:block}.hero-title>span{display:inline}.hero-title{max-width:400px}.store-notice{font-size:9px;margin-bottom:20px;padding:10px 12px;gap:7px}.store-notice .badge{font-size:7px}.filter-help{display:none}.filter-option>span{flex:none}.catalog-heading{flex-direction:row;align-items:center;gap:12px;flex-wrap:wrap}.catalog-heading p{font-size:8px}.catalog-heading>div:first-child{min-width:160px}.catalog-tools{flex:1;min-width:250px}.catalog-tools .search-input{min-width:150px}.catalog-tools .sort-select{width:105px;min-height:33px}.search-input>input{font-size:9px;min-height:33px}.catalog-tools .search-input>svg{top:10px}.results-count{font-size:8px;margin-bottom:12px}.cover-code-label{font-size:7px}.detail-aside{order:0}.detail-preview .product-cover{height:235px}.detail-description .feature-list{font-size:10px;gap:12px}.detail-description .feature-list>div{font-size:9px}.detail-help{margin-top:17px}.login-layout{min-height:0}.login-panel{padding:29px 30px 27px}.login-points{display:none}.login-story{padding:28px 30px}.login-story h1{font-size:25px}.login-story>p{font-size:10px}.login-decoration{right:-8px;bottom:-21px;opacity:.12}.login-decoration>svg{width:119px;height:119px}.back-link{font-size:8px;margin-top:20px}.auth-demo>span{font-size:8px}.auth-note{font-size:7px!important}.member-stats>.stat-card{padding:18px 20px}.member-stats>.stat-card>span{font-size:10px}.member-stats>.stat-card>strong{font-size:25px}.member-stats>.stat-card>svg{width:19px;height:19px;right:20px;top:26px}.order-main{flex-wrap:wrap;row-gap:17px}.order-product{flex:1;min-width:100px}.order-amount{margin-right:0;min-width:94px}.order-amount>.small{font-size:8px}.order-amount strong{font-size:17px}.order-main>.btn{margin-left:auto}.summary-product>.product-cover{height:50px;min-height:50px;width:54px}.checkout-aside{order:0}.checkout-main .payment-card{margin-bottom:20px}.stepper>i{width:30px;margin:0 3px}.step>b{height:20px;width:20px;font-size:9px}.success-header{padding:19px 20px;gap:14px;margin-bottom:20px}.success-header h2{font-size:14px}.success-header p{font-size:8px}.success-header .success-icon{height:37px;width:37px;min-width:37px}.success-header .success-icon svg{width:19px;height:19px}.success-header>.badge{display:none}.delivery-card .grid-2{grid-template-columns:1fr 1fr;gap:20px}.delivery-card .card-header h2{font-size:17px}.delivery-card .card-header>.badge{font-size:7px}.guide-grid{grid-template-columns:1fr;gap:15px;margin-bottom:20px}.guide-card{position:relative;padding:23px 23px 23px 74px}.guide-number{position:absolute;left:23px;top:28px;font-size:25px;margin:0}.guide-card h2{font-size:15px;margin-bottom:7px}.guide-card p{min-height:0;margin-bottom:12px;font-size:10px}.guide-card .text-link{font-size:9px}.guide-steps{font-size:10px;line-height:2.4}.reset-card{padding:21px;gap:17px}.reset-card h3{font-size:13px}.reset-card p{font-size:9px}.reset-card .btn{font-size:9px;min-height:33px;padding:7px 10px}.guide-grid+.card{margin-bottom:18px}}

@media(prefers-reduced-motion:reduce){.guide-card:hover{transform:none}}

/* 后台实际模板 */
.admin-logo{display:flex;align-items:center;gap:11px;padding:0 13px 29px;color:#fff;font-size:17px;font-weight:650;line-height:1.5}.admin-logo>.brand-mark{height:35px;width:35px;border-radius:10px;background:#4d65e5}.admin-logo small{display:block;color:#6e7e9b;font-size:10px;font-weight:400;letter-spacing:.08em;margin-top:3px}.sidebar-caption{font-size:10px;color:#566983;letter-spacing:.06em;padding:3px 14px 14px}.nav-item.active>svg:last-child{margin-left:auto;width:13px;height:13px;opacity:.6}.sidebar-demo{font-size:11px;color:#8292ad;display:flex;align-items:center;gap:7px;margin-bottom:8px}.status-dot{height:5px;width:5px;border-radius:50%;background:#73988c}.sidebar-footer p{font-size:9px;color:#526781;margin:0 0 17px}.sidebar-footer .nav-item{color:#8d9db8}.topbar-right{display:flex;align-items:center;gap:24px}.demo-chip{font-size:10px;color:#a1adc1}.admin-user{display:flex;align-items:center;gap:10px;font-size:11px;color:#7e8ea7}.admin-user small{display:block;color:#b4bdcc;font-size:9px;margin-top:1px}.admin-page-footer{margin-top:32px;color:#b5becd;font-size:10px;text-align:center}.inline-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.inline-actions .btn{font-size:12px}.demo-notice{margin-bottom:24px}.demo-notice>div{display:flex;flex-direction:column;gap:3px}.demo-notice strong{font-size:12px;color:#8497c0;font-weight:500}.demo-notice span{font-size:11px}.admin-content .stat-value{font-size:27px;line-height:1.5;font-weight:700;letter-spacing:-.03em;color:#3b5277}.admin-content .stat-value small{font-size:10px;font-weight:400;letter-spacing:0}.stat-note{color:#a4b0c3;font-size:10px;margin-top:6px}.stat-violet .stat-icon{background:#f3f0fd;color:#aa9bce}.stat-cyan .stat-icon{background:#eef8fa;color:#83b5c1}.stat-amber .stat-icon{background:#fff8ea;color:#d5b479}.dashboard-bottom{margin-top:24px}.quick-actions{display:flex;flex-direction:column;gap:13px}.quick-action{display:flex;gap:13px;align-items:center;border:1px solid #edf0f7;border-radius:9px;padding:14px;color:#98a9cc;transition:background .18s,border-color .18s}.quick-action:hover{border-color:#cfdbf6;background:#f9fbff}.quick-action>svg:first-child{height:21px;width:21px;color:#a3b4da}.quick-action>svg:last-child{height:13px;width:13px;margin-left:auto;color:#bcc6d9}.quick-action>span{flex:1}.quick-action strong{display:block;font-size:11px;font-weight:500;color:#7c8fac;margin-bottom:3px}.quick-action small{display:block;font-size:9px;color:#b1bcd0}.activity-dot{height:6px;width:6px;border-radius:50%;background:#a9b9de;margin:0 5px;align-self:flex-start;margin-top:7px}.admin-content .activity-item p{font-size:11px;color:#8e9fb9;margin:0 0 3px}.admin-content .activity-item small{font-size:9px;color:#b5bfd0}.product-cell,.member-cell{display:flex;gap:12px;align-items:center}.product-cell .product-cover.compact{width:52px;height:48px;min-height:48px;margin-right:0;border-radius:8px;flex-shrink:0}.product-cell .product-cover.compact .product-symbol svg{width:25px;height:25px}.table-title{font-size:12px;color:#7183a4;font-weight:500}.table-link:hover{color:var(--blue);text-decoration:underline;text-underline-offset:3px}.table-sub{font-size:10px;color:#b0bace;margin-top:5px}.table-tags{display:flex;gap:5px;margin-top:7px}.table-tags>span{font-size:8px;background:#f5f7fb;color:#b0bdd4;border:1px solid #eff2f7;border-radius:3px;padding:1px 5px}.table-actions{display:flex;justify-content:flex-end;align-items:center;gap:4px}.data-table .text-right{text-align:right}.amount-text{font-weight:600;font-size:13px;color:#8595b5}.mono{font-family:Consolas,"SFMono-Regular",monospace;font-size:11px}.break-all{word-break:break-all;overflow-wrap:anywhere}.filter-select{width:140px;flex-shrink:0}.result-count{font-size:10px;color:#abb6c9;margin-left:auto;white-space:nowrap}.subtle-notice{background:#f9fbff;color:#a8b5cb;border-color:#e9eef8;margin-top:21px}.badge-success{background:#eaf8f0;color:#21906b}.badge-neutral{background:#f0f3f8;color:#8c9bb5}.badge-danger{background:#fff0f1;color:#cc6976}.badge-warning{background:#fff7e6;color:#b78b34}.notice-warning{border-color:#f3e8c4;background:#fffaf0;color:#baa06b}.form-card>.card-header{border-bottom:1px solid #eef1f7;padding-bottom:20px;margin-bottom:22px}.form-card>.card-header>svg{color:#b0beda;width:21px;height:21px}.form-body .span-2{grid-column:1/-1}.field em{color:#c8939d;font-style:normal;margin-left:3px;font-size:11px}.form-body .notice{margin-bottom:23px}.form-body>.notice:first-child{margin-top:0}.upload-zone{position:relative;text-align:center;border:1px dashed #cfd9ed;border-radius:10px;padding:29px;background:#fbfcff;color:#a0b0cd;margin-bottom:18px;display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:border-color .18s,background .18s}.upload-zone:hover{background:#f5f8ff;border-color:#94a8dc}.upload-zone>svg{color:#b1bed9;width:29px;height:29px;margin-bottom:12px}.upload-zone>strong{font-size:12px;font-weight:500;color:#869bc1;margin-bottom:5px}.upload-zone>span{font-size:10px;color:#b4bfd1}.upload-zone>small{font-size:10px;margin-top:13px;color:#9caecb}.upload-zone>input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.sync-control{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:19px 21px;border:1px solid #e5ebf8;border-radius:10px;background:#f8faff}.sync-control strong{display:block;font-size:13px;color:#7a8eaf;margin-bottom:5px}.sync-control p,.sync-control small{font-size:11px;color:#a4b3ce;margin:0}.sync-control .switch{flex-shrink:0}.form-actions>span.muted{margin-right:auto;font-size:11px;color:#a4b2c9}.detail-list{margin:0}.detail-item{display:flex;align-items:flex-start;justify-content:space-between;gap:25px;padding:13px 0;border-bottom:1px solid #eef1f6;font-size:12px}.detail-item:last-child{border-bottom:0}.detail-item dt{color:#a1afc6;white-space:nowrap;font-weight:400}.detail-item dd{margin:0;text-align:right;min-width:0;color:#7c90b2;font-size:12px;overflow-wrap:anywhere}.order-detail-header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:23px}.order-detail-header h2{font-size:18px;color:#7e91b1;margin:0 0 6px}.order-detail-header p{color:#a5b4cc;font-size:11px;margin:0}.order-total{text-align:right;flex-shrink:0}.order-total>span{display:block;font-size:10px;color:#b1bdcf;margin-bottom:6px}.order-total strong{font-size:26px;color:#6e84b8;letter-spacing:-.04em;font-weight:650}.order-total small{font-size:10px;color:#a4b2cb;font-weight:400}.modal-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:25px}.help-text{font-size:11px}.modal-copy{font-size:13px;line-height:1.9}.form-body .inline-actions{margin-top:20px}.table-title+.table-sub{font-size:10px}.member-cell .avatar{height:34px;width:34px;font-size:11px}.admin-content .data-table .product-cell .product-cover{margin-right:0}

/* 手机使用自然重排，正文与操作保持可读。 */
@media(max-width:760px){
 body{font-size:14px}.page{padding:24px 20px 38px}.page h1{font-size:25px}.page h2{font-size:20px}.page p,.page li{font-size:13px!important;line-height:1.85}.muted.small,.page .small{font-size:12px}.page-heading p{font-size:13px!important}.page-heading{align-items:flex-start}.page-heading>.btn{font-size:12px;min-height:40px;padding:9px 12px}.eyebrow{font-size:11px}.input,.auth-form .input,.admin-content .input,.field>.input{font-size:15px!important;min-height:44px;padding:11px 13px}.field,.auth-form>.field,.field>label,.field>span:first-child,.admin-content .form-grid .field>label{font-size:13px!important}.field small,.field .small,.admin-content .form-grid .field small{font-size:12px!important;line-height:1.75}.btn,.btn-sm,.header-actions .btn{font-size:13px;min-height:41px;padding:9px 13px}.btn svg{height:16px;width:16px}.icon-button{width:38px;height:38px}.badge,.badge.blue,.badge.green,.badge.gray,.badge.amber,.badge.red{font-size:11px}.tag{font-size:11px;padding:3px 6px}.site-nav{gap:25px;height:49px}.nav-link{font-size:13px}.brand-name{font-size:17px}.brand-sub{font-size:8px}.header-actions .btn{font-size:12px;padding:9px 11px;min-height:38px}.demo-ribbon-inner{font-size:11px;padding:8px 20px}.demo-ribbon-inner a{font-size:11px}.demo-ribbon-inner .responsive-label{display:none}.hero{padding:28px;min-height:0}.hero-art{display:none}.hero-title{font-size:31px!important;max-width:none;line-height:1.55}.hero-title>span{display:block}.hero-description{font-size:13px!important;max-width:100%}.hero-description br{display:none}.hero-kicker{font-size:11px}.hero-actions{gap:10px;flex-wrap:wrap}.hero-actions>.btn{font-size:13px;min-height:42px;padding:10px 13px}.hero-actions>.btn svg{height:16px;width:16px}.hero-benefits{font-size:11px;gap:13px;flex-wrap:wrap;margin-top:22px}.hero-benefits svg{width:13px;height:13px}.store-notice{font-size:12px;line-height:1.85;align-items:flex-start;padding:13px 15px;margin-bottom:22px}.store-notice>svg{width:16px;height:16px;margin-top:3px}.store-notice .badge{display:none}.filter-panel{padding:9px}.filter-option{font-size:13px;padding:10px 12px;gap:8px}.filter-option svg{width:16px;height:16px}.filter-option>b{font-size:11px}.catalog-heading{gap:14px}.catalog-heading>div:first-child{width:100%}.catalog-heading h2{font-size:20px}.catalog-heading p{font-size:12px!important}.catalog-tools{min-width:0;width:100%;flex-basis:100%;gap:9px}.catalog-tools .search-input{min-width:0;flex:1}.catalog-tools .search-input>input{font-size:13px;min-height:43px;padding:10px 12px 10px 34px}.catalog-tools .search-input>svg{top:14px;height:15px;width:15px}.catalog-tools .sort-select{font-size:12px!important;min-height:43px;width:124px;padding:9px}.results-count{font-size:12px;margin:0 0 15px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.product-cover{min-height:155px}.product-symbol svg{width:47px;height:47px}.product-body{padding:19px}.product-meta{font-size:11px;margin-bottom:9px}.product-title{font-size:16px;white-space:normal;line-height:1.6;margin-bottom:9px}.product-description{font-size:13px!important;min-height:47px;margin-bottom:14px;line-height:1.85}.product-tags{gap:6px;margin-bottom:16px}.product-tags .tag{font-size:11px;padding:2px 6px}.product-bottom{padding-top:15px;gap:10px;flex-wrap:wrap}.price{font-size:24px}.price-unit{font-size:11px}.product-bottom .btn{font-size:12px;min-height:36px;padding:8px 11px;gap:5px}.product-bottom .btn svg{width:13px;height:13px}.cover-label{font-size:10px;bottom:15px;left:18px}.cover-dots{top:15px;left:18px;font-size:11px}.cover-code-label{font-size:10px;bottom:15px;right:17px}.notice,.admin-content .notice{font-size:12px;line-height:1.85;gap:9px;padding:14px 15px}.notice>svg{width:17px;height:17px}.notice>strong{font-size:12px}.card{padding:23px}.card-header h2{font-size:20px}.card-header h3{font-size:17px}.card-header .text-link{font-size:12px}.detail-layout{gap:22px}.detail-preview .product-cover{height:245px}.detail-description .feature-list{grid-template-columns:1fr;gap:13px}.detail-description .feature-list>div{font-size:13px}.detail-description h3{font-size:16px}.detail-description>.product-tags{margin-top:17px}.purchase-card>p{font-size:13px!important}.detail-title{font-size:25px!important}.detail-price .price{font-size:35px}.detail-price>.price-unit{font-size:13px}.purchase-card>.notice{font-size:12px}.detail-aside .btn-block{font-size:14px;min-height:45px}.purchase-trust{font-size:12px}.detail-aside .summary-row{font-size:12px}.detail-aside .summary-row strong{font-size:13px}.detail-help strong{font-size:14px}.detail-help p{font-size:12px!important}.login-story{padding:30px}.login-story h1{font-size:28px!important}.login-story>.eyebrow{font-size:10px}.login-story>p{font-size:13px!important}.login-decoration{display:none}.login-panel{padding:30px}.auth-tabs>a{font-size:14px;padding:10px 0}.auth-heading h2{font-size:24px!important}.auth-heading p{font-size:13px!important}.auth-form>.field{font-size:13px!important;margin-bottom:20px}.auth-form .btn{font-size:14px;min-height:45px}.auth-demo>span{font-size:12px}.auth-demo>.btn{font-size:13px;min-height:42px}.auth-demo>small{font-size:11px;margin-top:11px}.page p.auth-note{font-size:11px!important}.back-link{font-size:12px}.back-link svg{width:15px;height:15px}.auth-demo{padding-top:21px}.form-error{font-size:13px}.form-actions{justify-content:flex-start;flex-wrap:wrap;gap:10px}.form-actions .btn{font-size:13px;min-height:42px}.form-actions>.muted{flex-basis:100%;font-size:12px}.breadcrumb{font-size:12px;gap:7px;flex-wrap:wrap}.breadcrumb svg{width:13px;height:13px}.member-stats{gap:13px}.member-stats>.stat-card{padding:17px}.member-stats>.stat-card>span{font-size:12px}.member-stats>.stat-card>strong{font-size:27px}.member-stats>.stat-card>svg{width:20px;height:20px;right:17px;top:47px;opacity:.45}.tab{font-size:13px;padding:13px 0}.tabs{gap:24px}.order-top{font-size:11px;padding:14px 18px;gap:10px;flex-wrap:wrap}.order-top code{font-size:11px}.order-main{padding:21px 18px;gap:14px}.order-main .product-cover{width:78px;height:73px;min-height:73px}.order-main .product-symbol svg{width:32px;height:32px}.order-product h3{font-size:15px}.order-product p{font-size:12px!important;line-height:1.5}.order-product>.small{font-size:11px}.order-amount{flex-basis:calc(100% - 140px);text-align:left;padding-top:6px}.order-amount>.small{font-size:11px}.order-amount strong{font-size:23px}.order-amount small{font-size:11px}.order-main>.btn{margin-left:auto;font-size:12px;min-height:39px;padding:9px 12px}.order-main>.btn svg{width:15px;height:15px}.order-summary h3{font-size:18px}.summary-product strong{font-size:14px}.summary-product p{font-size:12px!important}.summary-product>.product-cover{width:65px;height:62px;min-height:62px}.summary-row{font-size:12px;margin:14px 0}.summary-row strong{font-size:13px}.summary-row.total strong{font-size:23px}.summary-row.vertical code{font-size:12px}.stepper{gap:5px;flex-wrap:wrap;margin:4px 0 29px}.stepper>.step{font-size:12px;gap:7px}.stepper>i{width:18px;margin:0 1px}.step>b{height:23px;width:23px;font-size:11px}.step.done>svg{width:13px;height:13px;padding:5px}.payment-card>.payment-network{font-size:13px;gap:8px;flex-wrap:wrap}.payment-network>.badge{font-size:10px}.usdt-symbol{height:27px;width:27px;font-size:18px}.payment-card>p.muted{font-size:13px!important}.payment-card>.payment-amount{font-size:37px}.payment-amount>span{font-size:14px}.payment-card>p.small{font-size:12px!important}.qr-demo{width:210px;height:210px}.qr-caption{font-size:11px}.payment-card>.copy-row{padding:15px}.payment-card>.copy-row .small{font-size:11px}.payment-card>.copy-row .wallet-address{font-size:12px}.payment-card>.copy-row .icon-button{height:35px;width:35px}.payment-card>.copy-row .icon-button svg{width:16px;height:16px}.countdown{font-size:12px;gap:7px;margin-top:21px}.countdown svg{width:15px;height:15px}.countdown strong{font-size:14px}.payment-listening{font-size:12px;gap:7px;margin-top:20px}.payment-listening>.small{font-size:11px}.payment-buttons{gap:10px;flex-wrap:wrap;margin-top:23px}.payment-buttons .btn{font-size:13px;min-height:43px;padding:10px 13px}.payment-buttons .btn svg{width:16px;height:16px}.demo-controls.card{padding:23px}.demo-controls .card-header .badge{font-size:11px}.demo-controls .card-header h3{font-size:15px}.demo-controls>p{font-size:12px!important}.simulation-options{gap:10px}.simulation-options .btn{font-size:12px;min-height:41px;padding:10px 12px}.simulation-options .btn svg{width:15px;height:15px}.payment-instructions.card{padding:23px}.payment-instructions h3{font-size:16px}.payment-instructions ol{font-size:13px;line-height:1.85}.payment-instructions li+li{margin-top:8px}.success-header{padding:22px;align-items:flex-start;gap:15px}.success-header h2{font-size:18px!important}.success-header p{font-size:12px!important}.success-header .success-icon{height:39px;width:39px;min-width:39px}.delivery-card .card-header{flex-wrap:wrap;gap:13px}.delivery-card .card-header h2{font-size:21px!important}.delivery-card .eyebrow{font-size:10px}.delivery-card .card-header>.badge{font-size:11px}.delivery-card>p{font-size:13px!important}.delivery-card .delivery-row .small{font-size:12px}.delivery-card .delivery-value{font-size:13px}.delivery-card .delivery-row>.btn{font-size:12px;min-height:37px;padding:8px 10px}.delivery-card .delivery-row>.icon-button{width:35px;height:35px}.delivery-card .delivery-row>.icon-button svg{width:16px;height:16px}.delivery-card .grid-2{grid-template-columns:1fr;gap:0}.delivery-actions .btn{font-size:13px;min-height:42px}.delivery-actions>.small{font-size:12px}.download-note{font-size:12px;gap:8px}.download-note svg{width:15px;height:15px;margin-top:3px}.profile-card h2{font-size:21px}.profile-card .badge{font-size:12px}.profile-card .btn{margin-top:20px}.profile-card .profile-avatar{height:70px;width:70px;font-size:24px}.guide-card{padding:25px 24px 25px 75px}.guide-number{left:23px;top:28px;font-size:27px}.guide-card h2{font-size:19px!important}.guide-card p{font-size:13px!important}.guide-card .text-link{font-size:12px}.guide-steps{padding-left:20px}.guide-steps li{font-size:13px!important;line-height:1.85;margin-bottom:10px}.reset-card{padding:23px;flex-wrap:wrap}.reset-card h3{font-size:17px}.reset-card p{font-size:13px!important}.reset-card .btn{font-size:12px;min-height:40px}.site-footer{font-size:11px;padding:25px 20px}.site-footer>div{font-size:12px;gap:15px}.site-footer>span,.site-footer>a{font-size:11px}.site-footer p{font-size:12px}.toast{font-size:13px;padding:14px 17px}.modal-header h2{font-size:21px}.modal-body{padding:23px}.modal-body p,.modal-body .notice{font-size:13px}.modal-footer .btn,.modal-actions .btn{font-size:12px;min-height:41px}.modal .field{font-size:13px}.help-text{font-size:12px}.modal .input{font-size:15px!important;min-height:44px}.admin-sidebar{padding:22px 20px 0}.admin-logo{font-size:18px;padding:0 0 21px}.admin-logo small{font-size:11px}.sidebar-caption{display:none}.sidebar-nav{padding-bottom:15px;gap:7px}.nav-item{font-size:13px;padding:11px 12px;gap:8px}.nav-item svg{width:17px;height:17px}.nav-item.active>svg:last-child{display:none}.admin-topbar{height:67px;padding:0 20px}.admin-topbar .breadcrumb{font-size:12px}.demo-chip{display:none}.admin-user{font-size:12px;gap:8px}.admin-user .avatar{height:33px;width:33px;font-size:12px}.admin-user small{font-size:10px}.topbar-right{gap:0}.admin-content{padding:25px 20px 34px}.admin-content .page-heading{flex-wrap:wrap;gap:17px}.admin-content .page-heading h1{font-size:25px}.admin-content .page-heading p{font-size:13px}.admin-content .page-heading .btn{font-size:13px;min-height:41px;padding:10px 13px}.admin-content .eyebrow{font-size:10px}.inline-actions .btn{font-size:13px;min-height:42px}.admin-content .stats-grid{gap:13px}.admin-content .stat-card{padding:20px 17px}.admin-content .stat-label,.admin-content .stat-card .stat-label{font-size:12px;margin-bottom:9px}.admin-content .stat-value,.admin-content .stat-card .stat-value{font-size:27px}.admin-content .stat-value small{font-size:11px}.stat-note{font-size:11px;line-height:1.7}.admin-content .stat-card .stat-icon{width:30px;height:30px;border-radius:8px}.admin-content .stat-card .stat-icon svg{width:16px;height:16px}.admin-content .card{padding:22px}.admin-content .card-header h2{font-size:18px}.admin-content .card-header p{font-size:12px;margin-top:5px;line-height:1.7}.admin-content .card-header .btn{font-size:12px;min-height:37px;padding:8px 10px}.admin-content .toolbar{gap:12px}.admin-content .toolbar>.search-input{flex-basis:100%;min-width:0}.admin-content .toolbar .input{font-size:13px!important;min-height:42px;padding:10px 12px}.admin-content .toolbar .search-input .input{padding-left:37px}.admin-content .search-input>svg{top:13px;left:12px;width:16px;height:16px}.admin-content .filter-select{flex:1;width:auto;min-width:130px;max-width:none}.admin-content .result-count{font-size:12px;flex-basis:100%;margin-left:0}.admin-content .data-table{font-size:13px;min-width:650px}.admin-content .data-table th{font-size:12px;padding:14px}.admin-content .data-table td{font-size:13px;padding:18px 14px}.admin-content .data-table .badge{font-size:11px}.admin-content .data-table .btn-sm{font-size:12px;min-height:35px;padding:8px 10px}.admin-content .data-table .icon-button{width:34px;height:34px}.admin-content .data-table .icon-button svg{width:16px;height:16px}.table-title{font-size:13px}.table-sub,.table-title+.table-sub{font-size:11px}.table-tags>span{font-size:10px;padding:2px 6px}.amount-text{font-size:14px}.mono{font-size:12px}.product-cell .product-cover.compact{width:56px;height:53px;min-height:53px}.quick-action{padding:17px;gap:14px}.quick-action strong{font-size:14px}.quick-action small{font-size:12px;line-height:1.75}.quick-action>svg:first-child{height:24px;width:24px}.admin-content .activity-item p{font-size:13px;line-height:1.8}.admin-content .activity-item small{font-size:11px}.admin-content .activity-item{gap:12px;padding-block:17px}.demo-notice strong,.demo-notice span{font-size:12px}.form-body .span-2{grid-column:1/-1}.admin-content .form-grid .field>span{font-size:13px}.upload-zone{padding:27px 18px}.upload-zone>strong{font-size:15px}.upload-zone>span,.upload-zone>small{font-size:12px}.sync-control{padding:18px}.sync-control strong{font-size:14px}.sync-control p,.sync-control small{font-size:12px;line-height:1.8}.form-actions>span.muted{font-size:12px}.detail-item,.detail-item dd{font-size:13px}.detail-item{gap:20px;padding:15px 0}.order-detail-header{gap:20px;flex-wrap:wrap}.order-detail-header h2{font-size:20px}.order-detail-header p{font-size:12px}.order-total>span{font-size:12px}.order-total strong{font-size:29px}.order-total small{font-size:12px}.admin-page-footer{font-size:11px;line-height:1.9}.table-footer{font-size:11px;gap:10px;flex-wrap:wrap}.pagination button{height:33px;min-width:33px;font-size:12px}.form-body .inline-actions .btn{white-space:normal;text-align:left}.modal .modal-actions{justify-content:flex-start}.modal .modal-actions .btn{white-space:normal;text-align:left}.modal .field{margin-top:19px}.banner{padding:23px}.banner h2{font-size:20px}.banner .btn{font-size:13px;min-height:42px}.banner p{font-size:13px}.admin-content .setting-row h3{font-size:14px}.admin-content .setting-row p{font-size:12px}.metric-trend,.metric-trend strong,.metric-trend .up{font-size:11px!important}
}
@media(max-width:520px){
 .header-inner{padding:16px 18px 0}.header-actions .btn{font-size:12px;min-height:37px;padding:8px 10px}.header-actions .responsive-label{display:none}.header-actions .btn svg{width:16px;height:16px}.header-actions .avatar{width:33px;height:33px;font-size:12px}.brand{gap:9px}.brand-name{font-size:17px}.brand-mark{height:35px;width:35px;border-radius:10px}.brand-sub{font-size:7px}.demo-ribbon-inner{padding:8px 18px;font-size:10px}.demo-ribbon-inner a{font-size:10px}.page{padding:22px 18px 35px}.hero{padding:26px 23px;border-radius:14px}.hero-title{font-size:28px!important}.hero-kicker{font-size:10px;letter-spacing:0;gap:6px}.hero-description{font-size:13px!important}.hero-benefits{gap:10px;font-size:10px}.hero-actions>.btn{font-size:12px}.hero-benefits svg{width:12px;height:12px}.catalog-heading h2{font-size:21px}.catalog-tools .sort-select{width:116px;font-size:12px!important}.catalog-tools .search-input>input{font-size:13px}.product-grid{grid-template-columns:1fr;gap:20px}.product-cover{min-height:180px}.product-symbol svg{width:57px;height:57px}.product-body{padding:21px}.product-title{font-size:18px;line-height:1.5}.product-meta{font-size:12px;margin-bottom:11px}.product-description{font-size:13px!important;min-height:0;-webkit-line-clamp:2;margin-bottom:16px}.product-tags{margin-bottom:18px}.product-tags .tag{font-size:11px;padding:3px 7px}.product-bottom{flex-wrap:nowrap;gap:15px}.product-bottom .price{font-size:27px}.product-bottom .price-unit{font-size:12px}.product-bottom .btn{font-size:13px;min-height:40px;padding:9px 13px}.product-bottom .btn svg{height:15px;width:15px}.cover-label{font-size:11px;left:21px;bottom:17px}.cover-code-label{font-size:11px;right:20px;bottom:17px}.cover-dots{left:21px;top:17px;font-size:12px}.member-stats{grid-template-columns:1fr;gap:12px}.member-stats>.stat-card{padding:18px 21px;display:flex;align-items:center;gap:14px;min-height:76px}.member-stats>.stat-card>span{font-size:13px;flex:1}.member-stats>.stat-card>strong{font-size:29px;margin:0;padding-right:35px}.member-stats>.stat-card>svg{right:21px;top:26px;width:22px;height:22px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.order-main{gap:13px}.order-main .product-cover{width:72px;height:72px;min-height:72px}.order-product{min-width:180px}.order-product h3{font-size:15px}.order-amount{flex-basis:calc(100% - 130px);padding-top:10px}.order-main>.btn{margin-top:10px;min-height:42px;font-size:12px}.order-top{padding:13px 18px}.order-top code{font-size:10px}.card{padding:21px}.form-grid{grid-template-columns:1fr}.form-grid .full,.form-grid .full-width,.form-body .span-2{grid-column:auto}.form-grid.grid-2{gap:0}.login-story{padding:28px 25px}.login-story h1{font-size:27px!important}.login-story>p{font-size:13px!important}.login-panel{padding:29px 25px}.login-story .eyebrow{font-size:10px}.auth-heading h2{font-size:24px!important}.auth-form .input{font-size:15px!important}.page p.auth-note{font-size:11px!important;line-height:1.8}.stepper{gap:4px}.stepper>.step{font-size:11px;gap:6px}.stepper>i{width:13px}.step>b{height:21px;width:21px;font-size:10px}.step.done>svg{width:11px;height:11px;padding:5px}.checkout-main .payment-card{padding:25px 19px}.payment-card>.payment-network{font-size:12px;gap:6px}.payment-network>.badge{font-size:9px;margin-left:4px}.usdt-symbol{height:25px;width:25px;font-size:18px}.payment-card>.payment-amount{font-size:36px}.payment-amount>span{font-size:13px}.payment-card>.copy-row{padding:14px 12px;gap:7px}.payment-card>.copy-row .wallet-address{font-size:11px}.payment-listening>.small{font-size:10px;display:block;width:100%}.payment-buttons .btn{font-size:12px;min-height:43px;padding:10px 11px}.simulation-options{flex-direction:column}.simulation-options .btn{width:100%;font-size:13px;justify-content:flex-start;min-height:43px;padding:11px 14px}.demo-controls .card-header h3{font-size:16px}.demo-controls.card{padding:22px}.success-header{padding:21px;gap:13px}.success-header h2{font-size:17px!important}.success-header p{font-size:12px!important}.delivery-card .card-header h2{font-size:21px!important}.delivery-card .delivery-row{flex-wrap:wrap;gap:12px}.delivery-card .delivery-row>div{flex:1;min-width:160px}.delivery-card .delivery-value{font-size:12px}.delivery-card .delivery-row>.btn{font-size:12px}.delivery-card .card-header>.badge{font-size:10px}.delivery-actions .btn{font-size:13px}.delivery-actions>.small{font-size:11px}.download-note{font-size:12px}.summary-row{font-size:12px}.summary-row strong{font-size:13px}.summary-row.total strong{font-size:22px}.summary-product strong{font-size:14px}.detail-preview .product-cover{height:225px}.detail-aside .card{padding:23px}.detail-title{font-size:25px!important}.detail-description .feature-list>div{font-size:13px}.detail-description .feature-list svg{width:17px;height:17px}.guide-card{padding:25px 22px 25px 72px}.guide-number{left:22px;top:28px;font-size:26px}.guide-card h2{font-size:18px!important}.reset-card{flex-direction:column;align-items:flex-start;padding:22px}.site-footer>div{width:100%;font-size:12px;gap:13px}.site-footer>span,.site-footer>a{font-size:11px}.modal-overlay{padding:12px}.modal{max-height:calc(100vh - 24px)}.modal-header{padding:20px}.modal-header h2{font-size:20px}.modal-body{padding:20px}.modal-footer{padding:17px 20px;flex-wrap:wrap;justify-content:flex-start}.modal-footer .btn,.modal-actions .btn{font-size:12px;min-height:42px;white-space:normal}.admin-sidebar{padding:21px 18px 0}.admin-logo{font-size:18px;padding-bottom:20px}.admin-logo small{font-size:11px}.nav-item{font-size:13px;padding:10px 12px}.admin-topbar{padding:0 18px;height:65px}.admin-topbar .breadcrumb{font-size:12px}.admin-user{font-size:11px}.admin-user small{font-size:9px}.admin-user .avatar{height:30px;width:30px;font-size:11px}.admin-content{padding:23px 18px 33px}.admin-content .page-heading h1{font-size:25px}.admin-content .page-heading p{font-size:13px}.admin-content .page-heading .btn{font-size:13px}.admin-content .stat-card{padding:18px 15px}.admin-content .stat-label,.admin-content .stat-card .stat-label{font-size:12px}.admin-content .stat-value,.admin-content .stat-card .stat-value{font-size:25px}.admin-content .stat-value small{font-size:10px}.admin-content .stat-card .stat-icon{height:25px;width:25px;float:none;display:none}.stat-note{font-size:11px}.admin-content .stats-grid{gap:12px}.admin-content .card{padding:20px}.admin-content .card-header h2{font-size:18px}.admin-content .card-header p{font-size:12px}.admin-content .card-header{gap:15px;flex-wrap:wrap}.admin-content .card-header .btn{font-size:12px}.admin-content .toolbar>.search-input{width:100%}.admin-content .toolbar select{min-width:120px;flex:1;font-size:13px!important}.admin-content .toolbar .input{font-size:13px!important}.admin-content .form-grid .field>span{font-size:13px}.admin-content .card.form-card{padding:21px}.form-body .notice{font-size:12px}.sync-control{align-items:flex-start;gap:15px}.sync-control strong{font-size:14px}.sync-control .switch{margin-top:4px}.upload-zone{padding:25px 17px}.upload-zone>strong{font-size:14px}.upload-zone>span,.upload-zone>small{font-size:12px}.detail-item{font-size:13px;gap:15px}.detail-item dt{font-size:12px}.detail-item dd{font-size:13px}.order-detail-header h2{font-size:19px}.order-total{text-align:left}.order-total strong{font-size:28px}.order-total>span{font-size:12px}.admin-page-footer{font-size:11px}.quick-action strong{font-size:14px}.quick-action small{font-size:12px}.quick-action>svg:last-child{display:none}.form-body .inline-actions{flex-direction:column;align-items:stretch}.form-body .inline-actions .btn{justify-content:flex-start;text-align:left;white-space:normal;font-size:13px;min-height:44px}.notice>strong{white-space:normal}
}
@media(max-width:760px){.catalog-layout,.catalog-main{min-width:0;max-width:100%}.filter-panel{width:100%;min-width:0;max-width:100%;overflow-x:auto}.hero-art{display:none}.catalog-tools,.catalog-tools .search-input{min-width:0}.product-card{min-width:0}.page-wide{max-width:1280px}}