/* ootdbuyhaul.com semantic rebuild: image-led catalogue + evidence guide */
*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}h1,h2,h3,p{margin-top:0}a{color:var(--orange-deep);text-underline-offset:3px}button{font:inherit}figure{margin:0}
:root{--ink:#171a1f;--ink-soft:#3e4652;--muted:#687180;--canvas:#f5f6f8;--surface:#fff;--surface-2:#eef1f4;--orange:#ef6b24;--orange-deep:#c94d10;--orange-soft:#fff0e7;--line:#dce1e7;--dark:#171a1f;--dark-2:#222730;--on-dark:#f7f8fa;--on-dark-muted:#b8c0cc;--focus:#1668d8;--radius:18px;--radius-lg:28px;--shell:1180px;--shadow-sm:0 1px 2px rgba(17,24,39,.06),0 10px 28px rgba(17,24,39,.07);--shadow-lg:0 2px 4px rgba(17,24,39,.08),0 24px 70px rgba(17,24,39,.13)}
@media(prefers-color-scheme:dark){:root{--ink:#f4f6f8;--ink-soft:#d5dbe3;--muted:#aab3bf;--canvas:#101216;--surface:#181b20;--surface-2:#22262d;--orange:#ff8240;--orange-deep:#ff9a64;--orange-soft:#322117;--line:#343a43;--dark:#0b0d10;--dark-2:#15181d;--focus:#79b3ff;--shadow-sm:0 1px 2px rgba(0,0,0,.35),0 12px 32px rgba(0,0,0,.24);--shadow-lg:0 3px 8px rgba(0,0,0,.45),0 28px 80px rgba(0,0,0,.35)}}
html{scroll-behavior:smooth;background:var(--canvas)}body{margin:0;background:var(--canvas);color:var(--ink);font:400 16px/1.65 Inter,Aptos,"Segoe UI",system-ui,-apple-system,sans-serif;text-rendering:optimizeLegibility;overflow-x:clip}body,button,input,select,textarea{font-family:Inter,Aptos,"Segoe UI",system-ui,-apple-system,sans-serif}img{max-width:100%}.shell{width:min(calc(100% - 40px),var(--shell));margin-inline:auto}.skip-link{position:fixed;left:16px;top:12px;z-index:1000;transform:translateY(-160%);background:var(--focus);color:#fff;padding:10px 14px;border-radius:8px;text-decoration:none;font-weight:800}.skip-link:focus{transform:none}:where(a,button,summary):focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:6px}
.site-header{position:sticky;top:0;z-index:100;background:color-mix(in srgb,var(--canvas) 92%,transparent);border-bottom:1px solid color-mix(in srgb,var(--line) 86%,transparent);backdrop-filter:blur(14px)}.header-inner{min-height:76px;display:flex;align-items:center;gap:24px}.brand{display:grid;grid-template-columns:20px auto;grid-template-rows:auto auto;column-gap:10px;align-items:center;color:var(--ink);text-decoration:none;white-space:nowrap}.brand-mark{grid-row:1/3;width:20px;height:30px;border-radius:7px 7px 11px 7px;background:var(--orange);position:relative;box-shadow:inset 0 -7px 0 rgba(0,0,0,.12)}.brand-mark::after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:var(--surface);right:4px;top:4px}.brand>span:not(.brand-mark){font-size:15px;font-weight:800;line-height:1.15;letter-spacing:-.02em}.brand strong{color:var(--orange);font-weight:900}.brand small{grid-column:2;font-size:10px;line-height:1.2;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.site-nav{margin-left:auto;display:flex;align-items:center;gap:2px}.site-nav a{display:inline-flex;align-items:center;min-height:44px;padding:7px 10px;border-radius:9px;color:var(--ink-soft);font-size:13px;font-weight:700;text-decoration:none;white-space:nowrap}.site-nav a:hover{background:var(--surface-2);color:var(--ink)}.site-nav a[aria-current="page"]{background:var(--orange-soft);color:var(--orange-deep)}.menu-button{display:none;margin-left:auto;min-width:48px;min-height:44px;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:10px;font-weight:800;cursor:pointer}.menu-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.eyebrow{margin:0 0 12px!important;max-width:none!important;color:var(--orange-deep);font-size:12px!important;line-height:1.3!important;font-weight:900!important;letter-spacing:.12em;text-transform:uppercase}.hero h1,.section h2,.related h2{font-family:Inter,Aptos,"Segoe UI",system-ui,sans-serif;color:inherit;letter-spacing:-.045em;font-weight:850;line-height:1.04}.hero h1{font-size:clamp(2.45rem,5.6vw,5.4rem);max-width:13ch;margin:0 0 24px}.hero-lead{font-size:clamp(1.03rem,1.55vw,1.25rem);line-height:1.65;color:var(--ink-soft);max-width:66ch!important;margin:0 0 22px}.hero-note{font-size:13px;line-height:1.55;color:var(--muted);max-width:68ch!important;margin:20px 0 0;padding-left:14px;border-left:3px solid var(--orange)}.section h2,.related h2{font-size:clamp(2rem,4vw,3.5rem);max-width:18ch;margin:0 0 20px}.section h3{font-family:Inter,Aptos,"Segoe UI",system-ui,sans-serif;font-size:1.05rem;font-weight:850;letter-spacing:-.02em;line-height:1.25;margin:0 0 8px}.section p,.site-footer p{max-width:68ch}.section-intro{font-size:1.08rem;color:var(--ink-soft);max-width:72ch!important;margin:0}.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:24px}.button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:9px;padding:10px 17px;border:2px solid var(--orange);border-radius:12px;background:var(--orange);color:#fff;text-decoration:none;font-size:14px;font-weight:850;box-shadow:0 8px 20px rgba(239,107,36,.18);transition:background .18s,border-color .18s,transform .18s}.button svg,.related a svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.button:hover{background:var(--orange-deep);border-color:var(--orange-deep);color:#fff;transform:translateY(-1px)}.button-secondary{background:transparent;color:var(--ink);border-color:var(--line);box-shadow:none}.button-secondary:hover{background:var(--surface-2);border-color:var(--ink-soft);color:var(--ink)}
.hero{padding:clamp(54px,7vw,100px) 0;background:var(--canvas);border:0}.hero-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr);gap:clamp(32px,5vw,76px);align-items:center}.hero-catalog .hero-grid{grid-template-columns:minmax(0,.92fr) minmax(320px,.62fr)}.hero-text .hero-grid{grid-template-columns:minmax(0,820px)}.hero-copy,.hero-visual{min-width:0}.hero-visual>.product-card{max-width:480px;margin-left:auto}
.media-card{margin:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg)}.media-frame{position:relative;background:var(--surface-2);overflow:hidden}.media-frame img{display:block;width:100%;height:auto;object-fit:cover}.media-card.official-wide .media-frame{padding:26px;background:#fff8f3}.media-card.official-wide .media-frame img{object-fit:contain}.media-card figcaption{margin:0;padding:15px 18px 17px;color:var(--muted);font-size:12px;line-height:1.55;border-top:1px solid var(--line)}.media-card figcaption a{font-weight:800;color:var(--orange-deep)}.media-badge{display:inline-flex;margin:0 8px 5px 0;padding:4px 7px;border-radius:999px;background:var(--surface-2);color:var(--ink);font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.media-card[data-kind="official"] .media-badge{background:var(--orange-soft);color:var(--orange-deep)}.media-card[data-kind="illustrative"] .media-badge{background:var(--dark);color:var(--on-dark)}
.section{padding:clamp(64px,8vw,112px) 0;background:var(--canvas);color:var(--ink)}.section-head{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);column-gap:50px;align-items:end;margin-bottom:38px}.section-head .eyebrow{grid-column:1}.section-head h2{grid-column:1;margin-bottom:0}.section-head .section-intro{grid-column:2;grid-row:1/3;align-self:end}.tone-soft{background:var(--surface-2)}.tone-orange{background:var(--orange-soft)}.tone-warning{background:#fff6dc}.tone-dark{background:var(--dark);color:var(--on-dark)}.tone-dark .eyebrow{color:#ff9a64}.tone-dark .section-intro,.tone-dark .source-note{color:var(--on-dark-muted)}.section-split .split-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.88fr);gap:clamp(34px,6vw,82px);align-items:center}.section-split.is-flipped .section-copy{order:2}.section-split.is-flipped .section-visual{order:1}.section-copy ul{padding-left:20px}.section-copy li{margin:.55em 0}.source-note{font-size:12px!important;line-height:1.6!important;color:var(--muted);max-width:74ch!important;margin:22px 0 0!important;padding:12px 14px;border-left:3px solid var(--orange);background:color-mix(in srgb,var(--surface) 70%,transparent);border-radius:0 10px 10px 0}.source-note a{color:var(--orange-deep);font-weight:800}
.role-grid,.definition-grid,.boundary-grid,.variable-grid,.question-grid,.timeline-grid,.note-grid,.info-grid{display:grid;gap:14px}.role-grid,.definition-grid,.boundary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.variable-grid,.question-grid,.note-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin:22px 0}.timeline-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mini-grid{display:grid;grid-template-columns:1fr;gap:10px;margin:20px 0}:is(.role-grid,.definition-grid,.boundary-grid,.variable-grid,.question-grid,.timeline-grid,.note-grid,.mini-grid,.info-grid)>article{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow-sm)}.tone-dark :is(.role-grid,.definition-grid,.boundary-grid,.variable-grid,.question-grid,.timeline-grid,.note-grid,.mini-grid)>article{background:var(--dark-2);color:var(--on-dark);border-color:#343a43}:is(.role-grid,.definition-grid,.boundary-grid,.variable-grid,.question-grid,.timeline-grid,.note-grid,.mini-grid) article p:last-child{margin-bottom:0;color:var(--muted);font-size:14px}.tone-dark :is(.role-grid,.definition-grid,.boundary-grid,.variable-grid,.question-grid,.timeline-grid,.note-grid,.mini-grid) article p:last-child{color:var(--on-dark-muted)}.identity-card{display:grid;grid-template-columns:1fr 1fr;gap:1px;border:1px solid #343a43;border-radius:var(--radius-lg);overflow:hidden;background:#343a43}.identity-card>div{padding:clamp(22px,4vw,42px);background:var(--dark-2)}.identity-card h3{font-size:clamp(1.2rem,2.2vw,1.65rem);color:var(--on-dark)}.identity-card p{color:var(--on-dark-muted)}
.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.product-card{display:flex;flex-direction:column;min-width:0;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .18s,border-color .18s,box-shadow .18s}.product-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--orange) 60%,var(--line));box-shadow:var(--shadow-lg)}.product-image{display:block;aspect-ratio:1;background:#edf0f2;overflow:hidden}.product-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s}.product-card:hover .product-image img{transform:scale(1.025)}.product-copy{display:flex;flex-direction:column;align-items:flex-start;flex:1;padding:17px}.product-copy h3{font-size:1rem;margin-bottom:8px}.product-copy h3 a{color:var(--ink);text-decoration:none}.product-copy h3 a:hover{color:var(--orange-deep)}.product-copy>p:not(.eyebrow):not(.source-line){font-size:13px;color:var(--muted);margin:0 0 15px}.source-line{font-size:10px!important;line-height:1.45!important;margin:auto 0 0!important;color:var(--muted)!important}.tone-dark .product-card{background:var(--dark-2);color:var(--on-dark);border-color:#343a43}.tone-dark .product-copy h3 a{color:var(--on-dark)}.tone-dark .product-copy>p:not(.eyebrow){color:var(--on-dark-muted)!important}.product-card.compact .product-copy{padding:15px}
.process-rail{list-style:none!important;padding:0!important;margin:26px 0 0!important;max-width:none!important;border-top:1px solid var(--line)}.process-rail li{display:grid;grid-template-columns:48px 1fr;gap:15px;margin:0!important;padding:18px 0!important;border-bottom:1px solid var(--line)}.process-rail li>span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--orange);color:#fff;font-size:11px;font-weight:900;letter-spacing:.08em}.process-rail h3{margin:0 0 5px}.process-rail p{margin:0!important;color:var(--muted);font-size:14px}
.category-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.category-groups article{padding:24px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm)}.category-groups article>p{font-size:14px;color:var(--muted)}.chip-row{display:flex;gap:7px;flex-wrap:wrap;margin-top:16px}.chip-row a{display:inline-flex;align-items:center;min-height:40px;padding:7px 11px;border:1px solid var(--line);border-radius:999px;background:var(--surface-2);color:var(--ink);font-size:12px;font-weight:800;text-decoration:none}.chip-row a:hover{border-color:var(--orange);color:var(--orange-deep)}
.related{background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.related h2{font-size:clamp(1.8rem,3vw,2.6rem)}.related ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;list-style:none;padding:0;max-width:none;margin:26px 0 0}.related li{margin:0}.related a{display:flex;min-height:74px;align-items:center;justify-content:space-between;gap:12px;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--canvas);color:var(--ink);text-decoration:none;font-size:14px;font-weight:800}.related a:hover{border-color:var(--orange);color:var(--orange-deep)}
.site-footer{padding:64px 0 24px;background:var(--dark);color:var(--on-dark);border:0}.footer-grid{display:grid;grid-template-columns:1.25fr .72fr .9fr;gap:clamp(28px,5vw,70px)}.footer-brand{display:inline-block;color:var(--on-dark);font-weight:900;font-size:1.2rem;text-decoration:none;margin-bottom:12px}.site-footer p,.site-footer li{color:var(--on-dark-muted);font-size:13px}.site-footer h2{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--on-dark);margin:5px 0 15px}.site-footer ul{list-style:none;padding:0;margin:0}.site-footer li{margin:0 0 9px}.site-footer a{color:var(--on-dark);text-underline-offset:3px}.site-footer small{color:var(--on-dark-muted)}.footer-base{margin-top:48px;padding-top:20px;border-top:1px solid #343a43}.footer-base p{max-width:none;margin:0;font-size:11px}
@media(prefers-color-scheme:dark){.tone-warning{background:#2a2516}.media-card.official-wide .media-frame{background:#2d211a}.product-image{background:#24282f}.button,.button:hover,.process-rail li>span{color:#15171b}.button-secondary{color:var(--ink)}}
@media(max-width:1080px){.site-nav a{padding-inline:7px;font-size:12px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.role-grid,.definition-grid,.boundary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-groups{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.menu-button{display:inline-flex}.site-nav{position:absolute;left:20px;right:20px;top:68px;display:none;flex-direction:column;align-items:stretch;gap:2px;padding:10px;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-lg)}.site-nav.is-open{display:flex}.site-nav a{width:100%;font-size:14px;padding:10px 12px}.header-inner{position:relative}.hero-grid,.hero-catalog .hero-grid,.section-split .split-grid{grid-template-columns:1fr}.hero-visual>.product-card{margin:0;max-width:none}.section-split.is-flipped .section-copy,.section-split.is-flipped .section-visual{order:initial}.section-head{grid-template-columns:1fr;align-items:start}.section-head .eyebrow,.section-head h2,.section-head .section-intro{grid-column:1;grid-row:auto}.section-head h2{margin-bottom:16px}.timeline-grid{grid-template-columns:1fr}.related ul{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/3}}
@media(max-width:620px){.shell{width:min(calc(100% - 28px),var(--shell))}.header-inner{min-height:66px}.brand>span:not(.brand-mark){font-size:14px}.brand small{font-size:9px}.menu-button span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.site-nav{left:14px;right:14px;top:62px}.hero{padding:48px 0 62px}.hero h1{font-size:clamp(2.25rem,12vw,3.6rem);max-width:none}.section{padding:62px 0}.section h2{max-width:none}.product-grid,.role-grid,.definition-grid,.boundary-grid,.variable-grid,.question-grid,.note-grid,.category-groups,.identity-card{grid-template-columns:1fr}.media-card{border-radius:18px}.media-card.official-wide .media-frame{padding:12px}.product-card{border-radius:16px}.actions{align-items:stretch}.button{width:100%}.related ul{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}

/* page-specific composition families */
.compare-board{display:grid;grid-template-columns:1fr 1fr;gap:16px}.compare-board>article,.compare-board>aside{padding:24px;border:1px solid #343a43;border-radius:var(--radius);background:var(--dark-2);color:var(--on-dark)}.compare-board>aside{grid-column:1/3;background:#2b2019;border-color:#6c422b}.compare-board p,.compare-board li{color:var(--on-dark-muted)}.compare-board ul{padding-left:20px;margin-bottom:0}
.correction-board{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:24px 0;background:var(--line);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.correction-board>div{padding:24px;background:var(--surface)}
.faq-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.faq-list details{background:var(--dark-2);border:1px solid #343a43;border-radius:14px;overflow:hidden}.faq-list summary{display:flex;min-height:64px;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;color:var(--on-dark);font-weight:800;cursor:pointer;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::after{content:"+";display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#343a43;color:#ff9a64;font-size:20px;line-height:1}.faq-list details[open] summary::after{content:"−"}.faq-list details>div{padding:0 18px 17px}.faq-list details p{margin:0;color:var(--on-dark-muted);font-size:14px}
.update-log{display:grid;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden}.update-log article{display:grid;grid-template-columns:140px 1fr;gap:28px;padding:28px;background:var(--surface)}.update-log time{color:var(--orange-deep);font-weight:900;font-size:13px}.update-log p:last-child{margin-bottom:0;color:var(--muted)}
.official-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}.official-pair .media-card{background:var(--dark-2);border-color:#343a43}.official-pair .media-card figcaption{border-color:#343a43;color:var(--on-dark-muted)}
.disclosure-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.disclosure-board article{padding:26px;border:1px solid #343a43;border-radius:var(--radius);background:var(--dark-2)}.disclosure-board h3{color:var(--on-dark)}.disclosure-board p:last-child{color:var(--on-dark-muted);font-size:14px}
@media(max-width:760px){.compare-board,.correction-board,.faq-list,.official-pair,.disclosure-board{grid-template-columns:1fr}.compare-board>aside{grid-column:auto}.update-log article{grid-template-columns:1fr;gap:8px;padding:22px}}

/* final contrast and touch-target overrides */
:root{--orange-deep:#a63b08;--muted:#596270}
.button{color:#171a1f}.button:hover{background:#b43d05;border-color:#b43d05;color:#fff}
.product-copy h3 a{display:flex;align-items:center;min-height:44px}
.chip-row a{min-height:44px}
@media(prefers-color-scheme:dark){:root{--orange-deep:#ff9a64;--muted:#aab3bf}.button,.button:hover{color:#15171b}.button:hover{background:#ff9a64;border-color:#ff9a64}}

/* Final paint-aware accessibility pass: secondary actions need their own painted
   surface, fixed dark panels need a light link color in either OS scheme, and
   every desktop navigation target must retain a 44px hit area. */
.skip-link{background:#0f4f9c;color:#fff}
.site-nav a{min-width:44px;justify-content:center}
.button.button-secondary,.button.button-secondary:hover{background:var(--surface);border-color:var(--line);color:var(--ink)}
.button.button-secondary:hover{border-color:var(--ink-soft)}
.tone-dark a:not(.button):not(.product-image){color:#ffb188}
.brand,.source-note a,.media-card figcaption a,.site-footer a{min-height:44px;align-items:center}
.source-note a,.media-card figcaption a,.site-footer a{display:inline-flex}

/* ---- Guide 首屏官方视频（2026-09-03） ------------------------------------
   全部走 :root 变量，暗色模式自动跟随；写死颜色会在暗色下变成白底黑字的孤岛。 */
.hero-video{background:var(--dark);color:var(--on-dark);padding:clamp(44px,6vw,84px) 0}
.hero-video .eyebrow{color:var(--orange)}
.hero-video h1{max-width:22ch;margin-bottom:18px}
.hero-video .hero-lead{color:var(--on-dark-muted);max-width:70ch!important}
.videobox{margin:26px 0 0;max-width:900px}
.videobox video{width:100%;height:auto;display:block;background:#000;
  border-radius:var(--radius);border:1px solid rgba(255,255,255,.16);
  box-shadow:var(--shadow-lg)}
.videobox figcaption{margin-top:12px;font-size:13px;line-height:1.6;
  color:var(--on-dark-muted);max-width:72ch}
.videobox figcaption a{color:var(--orange)}

/* ---- 页内目录：5 段 IA 把 12 页并成 6 页，Guide 与 Help 都很长 ---------- */
.onpage{margin:26px 0 0;padding:16px 18px;border:1px solid var(--line);
  border-radius:var(--radius);background:var(--surface)}
.onpage ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.onpage li{margin:0}
.onpage a{display:inline-block;padding:8px 14px;border:1px solid var(--line);
  border-radius:999px;background:var(--surface-2);color:var(--ink);
  text-decoration:none;font-size:14px;font-weight:650;line-height:1.3;min-height:36px}
.onpage a:hover{border-color:var(--orange);color:var(--orange-deep)}
.hero-video .onpage{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.18)}
.hero-video .onpage a{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.22);
  color:var(--on-dark)}
.hero-video .onpage a:hover{border-color:var(--orange);color:#fff}

/* ---- 首页搜索栏：直连 W2CSpreadsheet 搜索 ------------------------------- */
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;
  clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.finds-search{display:flex;align-items:center;gap:8px;margin:24px 0 0;max-width:600px;
  padding:6px 6px 6px 10px;background:var(--surface);border:1px solid var(--line);
  border-radius:999px;box-shadow:var(--shadow-sm)}
.finds-search input[type=search]{flex:1 1 auto;min-width:0;border:0;background:transparent;
  font:inherit;font-size:15px;color:var(--ink);padding:12px 8px;min-height:48px}
.finds-search input[type=search]::placeholder{color:var(--muted)}
.finds-search input[type=search]:focus{outline:none}
.finds-search:focus-within{border-color:var(--orange);
  box-shadow:0 0 0 3px rgba(239,107,36,.28),var(--shadow-sm)}
.finds-search button{flex:0 0 auto;min-height:48px;padding:10px 24px;border:2px solid var(--orange);
  border-radius:999px;background:var(--orange);color:#fff;font:inherit;font-size:14px;
  font-weight:850;cursor:pointer;transition:background .18s,border-color .18s}
.finds-search button:hover{background:var(--orange-deep);border-color:var(--orange-deep)}
@media(max-width:540px){
  .finds-search{flex-wrap:wrap;border-radius:var(--radius);padding:8px}
  .finds-search input[type=search]{flex:1 1 100%}
  .finds-search button{flex:1 1 100%;border-radius:12px}
}

/* ---- 16 个品类卡（一次排完，中间不插模块） ------------------------------ */
.cat-grid{display:grid;gap:12px;margin-top:24px;
  grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.cat-link{display:flex;flex-direction:column;gap:6px;padding:16px 18px;
  border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);
  color:var(--ink);text-decoration:none;min-height:96px;
  transition:border-color .18s,transform .18s,box-shadow .18s}
.cat-link:hover{border-color:var(--orange);transform:translateY(-2px);
  box-shadow:var(--shadow-sm)}
.cat-name{font-weight:850;font-size:15px;letter-spacing:-.01em}
.cat-note{font-size:13px;line-height:1.5;color:var(--muted)}