:root{color-scheme:dark;--bg:#101112;--panel:#1a1c1e;--muted:#a7aaad;--ink:#f4f4ee;--line:#35383a;--acid:#e9ff48;--radius:20px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,summary{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button{color:inherit}img{display:block;max-width:100%}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--acid);outline-offset:5px}.wrap{width:min(1280px,calc(100% - 80px));margin:auto}.nav-shell{position:sticky;top:0;z-index:20;background:rgba(16,17,18,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:16px;line-height:1.35}.brand img{width:42px;height:42px;object-fit:contain;border-radius:50%;background:white}.brand small{display:block;color:var(--muted);font-weight:400;font-size:11px;margin-top:3px;letter-spacing:.1em}.nav-links{display:flex;gap:25px;align-items:center;font-size:13px}.nav-links a:hover{color:var(--acid)}.nav-links .nav-share{border:1px solid #555a47;border-radius:99px;padding:8px 15px;color:var(--acid)}.hero{padding:68px 0 0}.eyebrow,.section-no{font-size:11px;letter-spacing:.17em;color:var(--acid);font-weight:700;margin:0 0 18px;text-transform:uppercase}.hero-top{display:flex;justify-content:space-between;align-items:flex-start;gap:35px}h1{font-size:clamp(34px,4.2vw,62px);letter-spacing:-.04em;line-height:1.2;margin:0;font-weight:900}h1 em{font-style:normal;color:var(--acid)}.hero-meta{text-align:right;color:var(--muted);font-size:12px;flex-shrink:0}.pill{display:inline-flex;align-items:center;gap:8px;border:1px solid #4a5130;padding:7px 13px;border-radius:99px;font-size:11px;color:var(--acid);margin:0 0 12px}.dot{width:6px;height:6px;border-radius:50%;background:var(--acid)}.hero-bottom{display:flex;justify-content:space-between;gap:35px;align-items:flex-end;margin:25px 0 30px}.lead{max-width:630px;color:#babdbf;font-size:15px;line-height:1.9;margin:0}.actions{display:flex;gap:10px;flex-shrink:0;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:20px;border:1px solid #4b4e50;background:transparent;border-radius:99px;padding:12px 20px;font-size:13px;font-weight:700;cursor:pointer;transition:background .2s,color .2s}.btn:hover{border-color:var(--acid);color:var(--acid)}.btn.primary{background:var(--acid);border-color:var(--acid);color:#15170b}.btn.primary:hover{background:#f0ff83;color:#15170b}.visual-frame{margin:0;overflow:hidden;border-radius:var(--radius);border:1px solid #4b5053;background:var(--panel)}.visual-open{display:block;padding:0;border:0;width:100%;background:none;cursor:zoom-in}.visual-open img{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}.visual-caption{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:16px 22px;background:#1a1c1e;font-size:12px;color:var(--muted)}.visual-caption b{color:var(--ink);font-weight:500}.text-link{color:var(--acid);white-space:nowrap;text-underline-offset:5px}.text-link:hover{text-decoration:underline}.quick-index{display:grid;grid-template-columns:repeat(4,1fr);margin-top:25px;border-bottom:1px solid var(--line);padding-bottom:25px;gap:18px}.quick-index div{display:flex;align-items:baseline;gap:12px}.quick-index strong{font-size:29px;line-height:1.1;font-weight:800;letter-spacing:-.04em}.quick-index span{font-size:12px;color:var(--muted)}section.content{padding:76px 0;border-bottom:1px solid var(--line)}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}.section-no{margin-bottom:10px}.section-head h2{font-size:clamp(26px,3vw,38px);line-height:1.3;letter-spacing:-.035em;margin:0;font-weight:850}.section-desc{font-size:13px;color:var(--muted);max-width:430px;line-height:1.85;margin:0}.videos{display:grid;grid-template-columns:1fr 1fr;gap:24px}.video-card{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--panel)}.video-heading{display:flex;align-items:center;justify-content:space-between;padding:18px 22px}.version{display:flex;gap:12px;align-items:center}.version b{display:grid;place-items:center;background:var(--acid);color:#141609;border-radius:9px;width:30px;height:30px;font-size:15px}.version h3{font-size:17px;margin:0}.video-heading span{font-size:11px;color:var(--muted)}video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#08090a}.video-copy{padding:20px 22px 23px}.video-copy p{color:var(--muted);font-size:13px;line-height:1.85;margin:0 0 20px}.video-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:11px;color:#92979a}.video-foot a{font-size:12px}.compare-note{margin-top:20px;display:flex;gap:15px;align-items:flex-start;background:#21251a;border:1px solid #3b422a;border-radius:14px;padding:16px 20px;color:#c0c5b3;font-size:12px;line-height:1.9}.compare-note b{color:var(--acid);white-space:nowrap}.concept-quote{font-size:clamp(25px,3.3vw,44px);line-height:1.5;letter-spacing:-.03em;margin:0 0 30px;max-width:1000px;font-weight:800}.concept-quote mark{background:none;color:var(--acid)}.concept-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.concept-card{border:1px solid var(--line);border-radius:var(--radius);padding:28px;background:linear-gradient(145deg,#222526,#17191a)}.card-index{font-size:11px;letter-spacing:.1em;color:var(--acid);display:block;margin-bottom:29px}.concept-card h3{font-size:20px;margin:0 0 12px}.concept-card p{color:var(--muted);font-size:13px;line-height:1.9;margin:0}.palette{display:flex;gap:7px;margin-top:22px}.palette i{display:block;width:21px;height:7px;border-radius:9px}.color-note{color:var(--muted);font-size:12px;line-height:1.9;margin:23px 0 0;max-width:1000px}.color-note b{color:var(--ink)}details{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);overflow:hidden}summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 28px;cursor:pointer}summary::-webkit-details-marker{display:none}summary h3{font-size:18px;margin:0 0 5px}summary p{margin:0;color:var(--muted);font-size:12px}.toggle{display:grid;place-items:center;width:33px;height:33px;border:1px solid #505546;border-radius:50%;color:var(--acid);font-size:22px;flex-shrink:0}details[open] .toggle{transform:rotate(45deg)}.table-wrap{overflow-x:auto;padding:0 28px 20px}table{border-collapse:collapse;width:100%;font-size:13px;min-width:580px}th{text-align:left;color:var(--acid);font-size:11px;letter-spacing:.03em;font-weight:500;padding:14px 16px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}td{padding:17px 16px;border-bottom:1px solid #303335;vertical-align:top;color:#b8bcbf}td:first-child{color:var(--ink);width:38%}td small{font-size:10px;color:#737a7e;margin-right:12px}tr:last-child td{border-bottom:0}.rhythm{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.rhythm article{padding:25px;border-right:1px solid var(--line);background:var(--panel)}.rhythm article:last-child{border:0}.rhythm span{color:var(--acid);font-size:11px;letter-spacing:.1em}.rhythm h3{margin:17px 0 9px;font-size:18px}.rhythm p{font-size:12px;color:var(--muted);line-height:1.85;margin:0}.rhythm-note{margin:18px 0 0;font-size:12px;color:var(--muted)}.share-panel{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:45px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:36px}.share-panel h3{margin:0 0 12px;font-size:23px}.share-panel p{color:var(--muted);font-size:13px;line-height:1.9}.share-url{color:var(--acid)!important;display:inline-block;font-size:22px!important;font-weight:800;overflow-wrap:anywhere;margin:5px 0 18px!important}.share-buttons{display:flex;gap:10px;flex-wrap:wrap}.qr-panel{display:flex;align-items:center;justify-content:center;flex-direction:column;border-left:1px solid var(--line);padding-left:40px}.qr-panel img{width:150px;height:150px;border:9px solid white;border-radius:12px;background:white}.qr-panel p{font-size:11px;text-align:center;margin-bottom:0}.review-focus{display:flex;gap:20px;margin:25px 0 0;padding:0;list-style:none}.review-focus li{flex:1;font-size:12px;line-height:1.85;color:var(--muted);padding-left:14px;border-left:2px solid #586329}.review-focus b{display:block;color:var(--ink);font-size:13px;font-weight:500;margin-bottom:3px}footer{padding:32px 0 45px;color:#848a8e;font-size:11px}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:24px}footer strong{font-size:12px;color:#c0c4c6;font-weight:500}footer p{margin:7px 0 0}footer a{white-space:nowrap}dialog{padding:0;border:1px solid #565a59;border-radius:15px;width:min(1500px,96vw);max-height:94vh;background:#101112;color:white;overflow:auto}dialog::backdrop{background:rgba(0,0,0,.88)}dialog .viewer-head{display:flex;justify-content:space-between;align-items:center;padding:13px 20px;font-size:12px}dialog button{border:1px solid #626966;border-radius:99px;background:#202423;color:white;padding:5px 13px;cursor:pointer}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);opacity:0;transition:.2s;background:var(--acid);color:#141609;padding:10px 22px;border-radius:99px;font-size:13px;pointer-events:none;z-index:50}.toast.show{transform:translate(-50%,0);opacity:1}@media(min-width:1500px){.hero{padding-top:80px}}@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.nav-links{gap:17px}.hero-bottom{align-items:flex-start;flex-direction:column;gap:22px}.hero{padding-top:45px}.concept-card{padding:23px}.share-panel{gap:25px}.section-head{align-items:flex-start;flex-direction:column;gap:17px}.section-desc{max-width:650px}.rhythm article{padding:22px 18px}}@media(max-width:700px){html{scroll-padding-top:75px}.wrap{width:calc(100% - 32px)}nav{height:67px;gap:12px}.brand{font-size:12px;gap:8px}.brand img{width:33px;height:33px}.brand small{font-size:8px;letter-spacing:.04em}.nav-links{gap:13px;font-size:11px}.nav-links a:nth-child(2),.nav-links a:nth-child(3){display:none}.nav-links .nav-share{padding:6px 10px}.hero{padding-top:34px}.eyebrow{font-size:9px;letter-spacing:.1em;margin-bottom:14px}.hero-top{display:block}.hero-meta{text-align:left;display:flex;gap:12px;align-items:center;margin-top:21px}.hero-meta .pill{margin:0}.hero-meta p{margin:0;font-size:10px}h1{font-size:35px;line-height:1.25}.hero-bottom{margin:20px 0 23px;gap:20px}.lead{font-size:13px}.btn{padding:11px 17px;font-size:12px;gap:15px}.visual-frame{border-radius:14px}.visual-caption{padding:12px 14px;gap:12px;font-size:10px;align-items:flex-start}.visual-caption b{display:block;margin-bottom:3px}.quick-index{gap:14px 10px;grid-template-columns:repeat(2,1fr);padding-bottom:23px;margin-top:22px}.quick-index strong{font-size:26px}.quick-index span{font-size:11px}section.content{padding:46px 0}.section-head{margin-bottom:23px}.section-head h2{font-size:27px}.section-no{font-size:9px}.section-desc{font-size:12px}.videos{grid-template-columns:1fr;gap:20px}.video-heading{padding:16px 18px}.version h3{font-size:16px}.video-copy{padding:17px 18px 20px}.compare-note{padding:14px;gap:10px;font-size:11px}.concept-quote{font-size:26px;line-height:1.55}.concept-grid{grid-template-columns:1fr;gap:13px}.concept-card{padding:23px}.card-index{margin-bottom:16px}.concept-card h3{font-size:19px}.concept-card p{font-size:12px}.color-note{font-size:11px}summary{padding:20px 18px}summary h3{font-size:17px}summary p{font-size:11px}.table-wrap{padding:0 12px 10px}table{font-size:12px;min-width:520px}th,td{padding:13px 11px}.rhythm{grid-template-columns:1fr 1fr}.rhythm article{border-bottom:1px solid var(--line);padding:22px 18px}.rhythm article:nth-child(2){border-right:0}.rhythm article:nth-child(3){border-bottom:0}.rhythm h3{font-size:17px}.share-panel{grid-template-columns:1fr;padding:24px;gap:25px}.share-panel h3{font-size:22px}.share-url{font-size:20px!important}.qr-panel{border-left:0;border-top:1px solid var(--line);padding:25px 0 0}.qr-panel img{width:145px;height:145px}.review-focus{flex-direction:column;gap:15px}.footer-inner{align-items:flex-start}footer strong{font-size:11px}footer p{font-size:10px}dialog .viewer-head{padding:10px;font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}