:root{--bg:#061015;--ink:#f5fbff;--muted:#a4b7bf;--cyan:#31e7f4;--lime:#8cff4d;--line:rgba(104,241,255,.22);--panel:rgba(9,21,27,.86);--shell:min(1180px,calc(100% - 40px))}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 10% 0,rgba(28,86,92,.23),transparent 32%),#061015;color:var(--ink);font-family:"Noto Sans SC","Microsoft YaHei",sans-serif}.shell{width:var(--shell);margin:auto}.nav-wrap{position:sticky;top:0;z-index:9;border-bottom:1px solid rgba(104,241,255,.16);background:rgba(6,16,21,.89);backdrop-filter:blur(16px)}.nav{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:70px}.brand img{display:block;width:184px}.back{color:#c9d9de;font-size:13px;font-weight:800;text-decoration:none}.back:hover{color:var(--cyan)}.top{padding:58px 0 28px}.eyebrow{margin:0 0 10px;color:var(--cyan);font-size:12px;font-weight:900;letter-spacing:.14em}.top h1{margin:0;font-size:clamp(40px,6vw,67px);letter-spacing:-.07em;line-height:1.05}.top p{max-width:620px;margin:16px 0 0;color:var(--muted);font-size:14px;line-height:1.8}.top-note{margin-top:20px;padding:12px 15px;border-left:2px solid var(--lime);background:rgba(140,255,77,.055);color:#d1e1d0;font-size:13px}.category-bar{position:sticky;top:70px;z-index:5;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(6,16,21,.94);backdrop-filter:blur(16px)}.category-inner{display:flex;gap:8px;overflow-x:auto;padding:12px 0}.category-inner button{flex:0 0 auto;padding:9px 14px;border:1px solid rgba(104,241,255,.25);border-radius:5px;background:transparent;color:#b6c8ce;font:inherit;font-size:13px;font-weight:900;cursor:pointer}.category-inner button.active{border-color:var(--cyan);background:rgba(49,231,244,.13);color:var(--cyan)}.category-inner button:hover{border-color:var(--cyan)}.catalog{padding:35px 0 72px}.catalog-group{display:none}.catalog-group.active{display:block}.group-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:17px}.group-head h2{margin:0;font-size:32px;letter-spacing:-.055em}.group-head p{max-width:470px;margin:0;color:var(--muted);font-size:13px;line-height:1.75;text-align:right}.visual-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.visual-card{position:relative;min-height:315px;overflow:hidden;border:1px solid var(--line);border-radius:9px;background-image:linear-gradient(90deg,rgba(5,15,20,.93) 0%,rgba(5,15,20,.76) 50%,rgba(5,15,20,.15) 100%),var(--art);background-position:center;background-size:cover}.visual-card::after{position:absolute;right:14px;top:13px;width:10px;height:10px;border-radius:50%;background:var(--cyan);box-shadow:0 0 18px var(--cyan);content:""}.visual-card.lime::after{background:var(--lime);box-shadow:0 0 18px var(--lime)}.card-copy{position:relative;z-index:1;display:flex;flex-direction:column;min-height:315px;padding:24px}.card-label{color:var(--cyan);font-size:11px;font-weight:900;letter-spacing:.12em}.lime .card-label{color:var(--lime)}.card-copy h3{max-width:80%;margin:12px 0 5px;font-size:29px;letter-spacing:-.055em;line-height:1.13}.card-copy p{max-width:68%;margin:0;color:#c3d1d5;font-size:12px;line-height:1.65}.card-bottom{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-top:auto;padding-top:16px;border-top:1px solid rgba(255,255,255,.18)}.price-pair{display:flex;gap:16px}.price-pair span{display:block;color:#a8bac1;font-size:10px}.price-pair b{display:block;color:var(--cyan);font-size:22px;line-height:1.1}.lime .price-pair b{color:var(--lime)}.pill{padding:5px 8px;border:1px solid rgba(255,255,255,.25);border-radius:4px;color:#dce8eb;font-size:11px;white-space:nowrap}.detail-note{margin:16px 0 0;padding:15px 17px;border:1px solid rgba(104,241,255,.2);border-radius:7px;background:rgba(9,21,27,.67);color:var(--muted);font-size:13px;line-height:1.8}.detail-note b{color:#effcff}.contact{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:42px;padding:25px 0;border-top:1px solid var(--line)}.contact h2{margin:0;font-size:27px;letter-spacing:-.04em}.contact p{margin:5px 0 0;color:var(--muted);font-size:13px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;border:1px solid rgba(49,231,244,.7);border-radius:6px;background:var(--cyan);color:#061015;font-size:13px;font-weight:900;text-decoration:none}.footer{padding:28px 0;border-top:1px solid rgba(104,241,255,.12);color:#83979f;font-size:12px}.footer-inner{display:flex;justify-content:space-between;gap:16px}@media(max-width:720px){:root{--shell:min(100% - 28px,680px)}.nav{min-height:62px}.brand img{width:157px}.top{padding:42px 0 22px}.category-bar{top:62px}.group-head{align-items:flex-start;flex-direction:column;gap:8px}.group-head p{text-align:left}.visual-grid{grid-template-columns:1fr}.visual-card,.card-copy{min-height:330px}.card-copy h3{font-size:31px}.card-copy p{max-width:76%}.contact,.footer-inner{align-items:flex-start;flex-direction:column}}