:root{color-scheme:light;--paper:#faf9f6;--ink:#151513;--muted:#67635f;--gold:#875522;--line:#dcd7d0;--white:#fff; font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;font-size:16px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:72px}body{margin:0;background:var(--paper);color:var(--ink)}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:4px}button{touch-action:manipulation}[hidden]{display:none!important}.site{max-width:780px;margin:auto;padding:0 28px}.brand-header{text-align:center;padding:28px 0 16px}.brand{display:inline-flex;align-items:center;flex-direction:column}.logo-crop{display:block;width:160px;height:74px;overflow:hidden;position:relative;mix-blend-mode:multiply}.logo-crop img{width:203px;height:auto;max-width:none;position:absolute;top:-22px;left:-21px}.store-name{font-size:.9rem;letter-spacing:.2em;padding:10px 14px 12px;border-bottom:1px solid var(--ink)}h1,h2,p{margin:0}.intro{text-align:center;padding:10px 0 25px}.intro h1{font-size:clamp(1.75rem,6.3vw,2.75rem);font-weight:750;letter-spacing:.02em;line-height:1.3}.intro p{margin-top:10px;font-size:1rem;letter-spacing:.05em;color:var(--muted)}.hero{height:220px;position:relative;overflow:hidden;background:#e9dfce}.hero>img{width:100%;height:100%;object-fit:cover;object-position:center}.hero-copy{position:absolute;left:4%;top:25%;max-width:57%;color:#482a12}.hero-copy p{font-size:clamp(.95rem,3.6vw,1.6rem);font-weight:750;line-height:1.5}.hero-copy span{display:block;margin-top:8px;font-size:clamp(.8rem,2.8vw,1rem)}.section-nav{display:flex;align-items:center;justify-content:center;gap:30px;margin:0 0 18px;min-height:66px;position:sticky;top:0;background:rgba(250,249,246,.96);z-index:5}.section-nav a{min-height:48px;display:flex;align-items:center;position:relative;font-weight:600}.section-nav a.active:after{position:absolute;bottom:2px;height:2px;width:30px;left:calc(50% - 15px);background:var(--gold);content:""}.section-nav>span{width:1px;height:19px;background:var(--line)}.section-heading{display:flex;gap:16px;align-items:baseline;flex-wrap:wrap;padding-bottom:13px}.section-heading h2{font-size:1.5rem;line-height:1.45}.section-heading p{font-size:.875rem;color:var(--muted)}.tutorial-list{border-top:1px solid var(--line)}.tutorial-row{display:grid;grid-template-columns:38px 1fr 32% 16px;align-items:center;column-gap:15px;min-height:112px;border-bottom:1px solid var(--line);padding:10px 0;transition:background .15s}.tutorial-row:hover{background:#f1eee7}.row-index{color:#a07745;font-size:1.15rem;align-self:start;padding-top:12px;font-variant-numeric:tabular-nums}.row-copy h3{font-size:1.25rem;margin:0;line-height:1.5;font-weight:650}.row-note{font-size:.875rem;color:var(--muted);margin:2px 0}.watch{font-size:.875rem;color:var(--gold);display:flex;align-items:center;gap:7px;margin-top:6px}.play-icon{border:1.4px solid currentColor;width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.play-icon:after{content:"";display:block;margin-left:2px;width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:6px solid currentColor}.tutorial-thumb{width:100%;height:96px;object-fit:cover;object-position:center 48%;background:#dedbd6}.chevron{color:var(--gold);font-size:1.7rem;font-weight:300}.problems{margin-top:30px}.problem-row{grid-template-columns:38px 1fr auto 16px;min-height:65px}.problem-row .row-index{align-self:center;padding:0}.problem-row .watch{margin:0}.problem-row .row-copy h3{font-size:1.1rem}.support{margin-top:22px}footer{text-align:center;padding:26px 0 24px}.footer-brand{display:flex;align-items:center;justify-content:center;gap:15px;font-size:.875rem}.footer-brand>.logo-crop{width:84px;height:40px}.footer-brand>.logo-crop img{width:107px;top:-11px;left:-11px}.footer-brand>span:last-child{padding-left:15px;border-left:1px solid var(--line)}footer>p{font-size:.75rem;letter-spacing:.2em;color:var(--muted);margin-top:10px}#icp-link{display:block;margin-top:12px;font-size:.75rem;color:var(--muted)}.back-link{display:inline-block;padding:10px 0 22px;color:var(--muted);min-height:44px}.eyebrow{font-size:.875rem;color:var(--gold);margin-bottom:8px}#detail h1{font-size:clamp(1.6rem,6vw,2.2rem)}.detail-intro{margin:10px 0 22px;color:var(--muted);font-size:.95rem}.player-shell{background:#121212;border-radius:5px;overflow:hidden;display:flex;justify-content:center}.player-shell video{display:block;width:100%;max-height:65vh;aspect-ratio:16/10;object-fit:contain;background:#121212}.video-status{padding:14px;background:#ede3d6;font-size:.875rem;line-height:1.7}.player-hints{display:flex;justify-content:space-between;color:var(--muted);font-size:.875rem;padding:13px 0;border-bottom:1px solid var(--line)}.before-watch{padding:26px 0}.before-watch h2,.related h2{font-size:1.2rem}.before-watch ol{padding-left:22px;color:var(--muted);font-size:.95rem;line-height:2}.related{border-top:1px solid var(--line);padding-top:22px}#related-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px}#related-list a{font-size:.95rem;min-height:48px;border:1px solid var(--line);padding:12px;display:flex;align-items:center;justify-content:space-between;gap:5px}.detail-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:26px}.detail-actions a,.detail-actions button{display:flex;justify-content:center;align-items:center;min-height:50px;border:1px solid var(--ink);background:transparent}.detail-actions button{background:var(--ink);color:white}.skip{position:absolute;left:8px;top:-100px;z-index:20;background:#fff;padding:10px}.skip:focus{top:8px}.noscript{padding:20px;line-height:1.8}@media(max-width:520px){.site{padding:0 18px}.brand-header{padding:20px 0 10px}.logo-crop{width:124px;height:57px}.logo-crop img{width:158px;top:-17px;left:-17px}.store-name{font-size:.8rem;padding:8px 9px 10px}.intro{padding:10px 0 19px}.intro p{font-size:.9rem;margin-top:8px}.hero{height:142px;margin:0 -3px}.hero-copy{top:24%;left:4%;max-width:65%}.hero-copy span{margin-top:4px}.section-nav{min-height:58px;gap:25px;margin-bottom:12px;font-size:.95rem}.section-heading{gap:4px;display:block;padding-bottom:11px}.section-heading h2{font-size:1.25rem}.section-heading p{margin-top:4px;font-size:.875rem}.tutorial-row{grid-template-columns:25px 1fr 31% 10px;column-gap:9px;min-height:99px;padding:10px 0}.row-index{font-size:.95rem;padding-top:4px}.row-copy h3{font-size:1.02rem}.row-note{font-size:.875rem}.watch{font-size:.875rem;gap:5px;margin-top:5px}.play-icon{width:19px;height:19px}.tutorial-thumb{height:76px}.chevron{font-size:1.4rem}.problems{margin-top:26px}.problem-row{grid-template-columns:25px 1fr auto 10px;min-height:62px}.problem-row .row-copy h3{font-size:1rem}.support{margin-top:20px}footer{padding-top:22px}.player-shell video{aspect-ratio:4/5;max-height:62vh}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}@media(max-width:350px){.site{padding:0 12px}.tutorial-row{column-gap:6px;grid-template-columns:23px 1fr 29% 9px}.problem-row{grid-template-columns:23px 1fr auto 9px}.hero-copy p{font-size:.92rem}}
.hero{height:auto;aspect-ratio:3/1}.hero>img{display:block}

.support-copy{margin:26px 0 0;padding:18px 0 0;border-top:1px solid var(--line);font-size:.875rem;color:var(--muted);line-height:1.9;text-align:center}.detail-actions{grid-template-columns:1fr}