:root{--paper:#f3efe5;--ink:#18201d;--muted:#6e736d;--line:#c9c6bc;--lime:#c8f35c;--orange:#ff6b35;--cream:#fffaf1;--shadow:0 24px 70px rgba(24,32,29,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"PingFang SC","Noto Sans SC",system-ui,sans-serif}button{font:inherit;color:inherit}a{color:inherit;text-decoration:none}.topbar{height:72px;padding:0 clamp(20px,5vw,72px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(243,239,229,.9);backdrop-filter:blur(14px);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:12px;font-weight:800}.brand>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--ink);color:var(--lime);font-size:11px}.topbar p{margin:0;color:var(--muted);font-size:12px}.intro{padding:74px clamp(20px,6vw,92px) 42px}.eyebrow{margin:0 0 15px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-weight:800}.intro h1{font:500 clamp(45px,7vw,88px)/.98 Georgia,"Songti SC",serif;letter-spacing:-.045em;margin:0 0 20px}.intro>p:last-child{font-size:17px;color:var(--muted);margin:0}.device-tabs{display:grid;grid-template-columns:repeat(8,minmax(145px,1fr));gap:1px;margin:0 clamp(20px,3vw,46px);background:var(--line);border:1px solid var(--line);border-radius:18px;overflow-x:auto;box-shadow:var(--shadow);scrollbar-width:thin}.device-tab{min-width:145px;min-height:122px;padding:17px 14px;border:0;background:var(--cream);text-align:left;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;transition:.2s ease}.device-tab:hover{background:#f7f1df}.device-tab.active{background:var(--lime)}.tab-icon{font:500 27px Georgia,serif}.device-tab b{display:block;font-size:13px;white-space:nowrap}.device-tab small{display:block;margin-top:5px;color:var(--muted);font-size:10px}.detail{scroll-margin-top:90px;margin:48px clamp(20px,6vw,92px) 100px;border:1px solid var(--line);border-radius:26px;background:rgba(255,250,241,.72);overflow:hidden;box-shadow:var(--shadow)}.detail-heading{padding:48px clamp(24px,5vw,68px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:linear-gradient(125deg,rgba(200,243,92,.3),rgba(255,107,53,.08))}.detail-heading h2{font:500 clamp(48px,7vw,90px)/.95 Georgia,"Songti SC",serif;letter-spacing:-.04em;margin:0}.maker{margin:14px 0 0;font-size:15px;color:var(--muted)}.device-mark{width:150px;height:150px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:var(--lime);font:500 54px Georgia,serif;box-shadow:0 18px 45px rgba(24,32,29,.22)}.spec-grid{margin:0;padding:18px clamp(24px,5vw,68px) 42px;display:grid;grid-template-columns:repeat(3,1fr)}.spec{margin:0;padding:25px 25px 25px 0;border-bottom:1px solid var(--line);min-height:112px}.spec:not(:nth-child(3n+1)){padding-left:25px;border-left:1px solid var(--line)}.spec.wide{grid-column:span 3;min-height:auto}.spec.wide+.spec.wide{border-left:0;padding-left:0}.spec dt{font-size:11px;color:var(--muted);margin-bottom:12px}.spec dd{margin:0;font-size:17px;font-weight:700;line-height:1.5}.source-row{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:30px clamp(24px,5vw,68px);background:var(--ink);color:white}.source-row>div{position:relative;padding-left:20px}.source-dot{position:absolute;left:0;top:5px;width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 5px rgba(200,243,92,.12)}.source-row b{font-size:13px}.source-row p{margin:7px 0 0;color:#b8c0bb;font-size:12px}.source-row a{flex:none;background:var(--lime);color:var(--ink);padding:13px 18px;border-radius:999px;font-size:12px;font-weight:800}.source-row a:hover{background:white}footer{padding:34px clamp(20px,6vw,92px);display:flex;justify-content:space-between;border-top:1px solid var(--line);color:var(--muted);font-size:11px}
@media(max-width:900px){.device-tabs{grid-template-columns:repeat(8,145px)}.spec-grid{grid-template-columns:1fr 1fr}.spec:not(:nth-child(3n+1)){padding-left:0;border-left:0}.spec:nth-child(even){padding-left:20px;border-left:1px solid var(--line)}.spec.wide{grid-column:span 2;padding-left:0;border-left:0}.device-mark{width:110px;height:110px}}
@media(max-width:600px){.topbar p{display:none}.intro{padding-top:50px}.intro h1{font-size:49px}.device-tabs{margin-inline:14px}.detail{margin:30px 14px 70px;border-radius:18px}.detail-heading{padding:30px 22px}.detail-heading h2{font-size:45px}.device-mark{width:70px;height:70px;font-size:30px}.spec-grid{grid-template-columns:1fr;padding:8px 22px 26px}.spec,.spec:nth-child(even){padding:20px 0;border-left:0;min-height:auto}.spec.wide{grid-column:span 1}.source-row{align-items:flex-start;flex-direction:column;padding:26px 22px}footer{flex-direction:column;gap:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.device-tab{transition:none}}