/* Standalone theme: do not inherit the retired manual's dark layout. */
.portal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:36px 0 20px}.portal-grid .product{display:flex;flex-direction:column;align-items:flex-start;min-height:300px}.portal-grid .product p{flex:1}.portal-grid .btn{margin-top:12px}.portal-grid h2{font-size:25px}@media(max-width:900px){.portal-grid{grid-template-columns:1fr}.portal-grid .product{min-height:0}}
:root{--blue:#165bff;--ink:#182638;--muted:#627086;--line:#dde4ed;--paper:#fff;--bg:#f4f7fb;--accent:#165bff;color-scheme:light}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.8 -apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #ffb23f;outline-offset:4px}.header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:18px max(5vw,20px);background:#ffffffee;backdrop-filter:blur(12px);border-bottom:1px solid var(--line);gap:18px}.brand{font-size:22px;font-weight:800;display:flex;gap:12px;align-items:center}.brand-icon{display:grid;place-items:center;width:38px;height:38px;background:var(--blue);color:white;border-radius:10px}.brand-note{font-size:14px;font-weight:400;color:var(--muted)}nav{display:flex;gap:25px}nav a:hover{color:var(--blue)}#app{max-width:1260px;margin:auto;padding:44px 28px 80px}.eyebrow{color:var(--blue);font-size:14px;font-weight:700;letter-spacing:1px}h1{font-size:clamp(30px,4vw,48px);letter-spacing:-1px;line-height:1.3;margin:12px 0 20px}h2{font-size:27px;line-height:1.4;margin:0 0 15px}h3{font-size:19px;margin:0 0 10px}p{margin:8px 0 16px}.intro{max-width:680px;color:var(--muted);font-size:18px}.product-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:22px;margin:28px 0}.product{padding:30px;border:1px solid var(--line);border-radius:20px;background:#fff}.product.primary{background:#12284b;color:white}.product.primary p{color:#c5d4ea}.product.primary .badge{background:#21443c;color:#92f3b6}.product-number{font-size:14px;font-weight:bold;color:#6686b2;display:block;margin-bottom:24px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.btn,button{border:1px solid var(--line);border-radius:8px;padding:9px 17px;background:#fff;color:var(--ink);display:inline-block;font-size:15px}.btn.primary,button.active{background:var(--blue);color:white;border-color:var(--blue)}.btn.disabled{opacity:.6;cursor:default}.badge{display:inline-block;padding:3px 10px;border-radius:5px;font-size:13px;background:#e9f7ef;color:#17653d;white-space:nowrap}.badge.vip{background:#fff0d6;color:#8a5100}.badge.svip{background:#eee8ff;color:#6740b6}.badge.mixed{background:#e9efff;color:#355591}.section{margin-top:48px;scroll-margin-top:110px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.section-head input{width:min(340px,100%);border:1px solid var(--line);background:white;padding:10px 15px;border-radius:10px}.catalog{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.topic{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px;display:block;transition:transform .15s,border-color .15s}.topic:hover{transform:translateY(-3px);border-color:var(--blue)}.topic h3{margin-top:10px}.topic p{font-size:14px;color:var(--muted);margin:0}.tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.tier{padding:24px;background:white;border:1px solid var(--line);border-top:3px solid var(--blue);border-radius:12px}.tier strong{font-size:23px}.tier p{font-size:15px;color:var(--muted)}.hint{padding:15px 20px;background:#edf3ff;border-left:3px solid var(--blue);border-radius:0 8px 8px 0;color:#3c5579;font-size:15px;margin:20px 0}.article-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:36px}.side{position:sticky;top:105px;align-self:start;max-height:calc(100vh - 125px);overflow:auto;font-size:14px}.side a{display:block;padding:7px 12px;border-left:2px solid transparent}.side a.active{border-color:var(--blue);background:#e7efff;color:var(--blue)}.side h3{font-size:15px;margin:20px 12px 8px}.article section{margin:32px 0;scroll-margin-top:115px}.article h1{font-size:36px}.article .lead{color:var(--muted);font-size:18px}.article .card{background:white;color:var(--ink);border:1px solid var(--line);border-radius:12px;padding:22px}.article .card p,.article li{color:#41516a}.article ol{padding-left:24px}.article li{margin:9px 0}.table-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:12px;background:white}table{border-collapse:collapse;width:100%;font-size:15px}th,td{padding:14px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top;min-width:100px}th{background:#edf2f9;color:#41516a}td:first-child{font-weight:600;min-width:160px}tr:last-child td{border-bottom:0}.fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.demo{background:#0c1526;border-radius:14px;overflow:hidden;color:white}.demo-toolbar{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;gap:10px;flex-wrap:wrap}.demo-toolbar small{color:#b9c9de;font-size:14px}.demo-stage{position:relative;min-height:180px;display:flex;align-items:center;justify-content:center;padding:15px;background:#080d17}.demo-stage img{max-width:100%;max-height:510px;object-fit:contain;display:block;animation:reveal .35s ease}.demo-caption{padding:18px 24px;min-height:100px}.demo-caption strong{color:#86b9ff}.demo-caption p{color:#e0e9f6;margin-bottom:0}.demo-steps{display:flex;gap:6px;overflow:auto;padding:0 20px 18px}.demo-steps button{min-width:42px;background:#1b2b43;border-color:#314965;color:#d7e4f8}.demo-steps button.active{background:#165bff}.pulse{position:absolute;border:3px solid #ffc447;background:#ffc44722;border-radius:8px;pointer-events:none;animation:pulse 1.6s infinite;display:none}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.gallery button{padding:8px;background:#0c1526;overflow:hidden}.gallery img{width:100%;height:130px;object-fit:contain}.gallery small{display:block;color:white}.lightbox{position:fixed;inset:0;background:#050b15ed;z-index:100;display:flex;align-items:center;justify-content:center;padding:55px 15px}.lightbox img{max-width:100%;max-height:85vh}.lightbox button{position:absolute;top:12px;right:20px}.empty{padding:30px;background:white;border:1px dashed var(--line);border-radius:10px;color:var(--muted)}.download-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.muted{color:var(--muted)}footer{max-width:1260px;margin:auto;padding:25px 28px;border-top:1px solid var(--line);font-size:14px;color:var(--muted)}footer span{display:block}.hidden{display:none!important}@keyframes reveal{from{opacity:.25;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes pulse{50%{box-shadow:0 0 0 8px #ffc44733}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media(max-width:800px){.header{position:relative;flex-wrap:wrap;padding:16px 20px}.brand-note{display:none}nav{font-size:14px;gap:18px}.product-grid,.tiers,.download-grid{grid-template-columns:1fr}.catalog{grid-template-columns:1fr 1fr}.article-layout{display:block}.side{display:none}.fields{grid-template-columns:1fr}#app{padding:28px 18px 50px}.section-head{display:block}.section-head input{width:100%}.gallery{grid-template-columns:1fr 1fr}.article h1{font-size:30px}}@media(max-width:460px){.catalog{grid-template-columns:1fr}.product{padding:23px}}
