/* 免费看片 车库档案馆：机油墨黑、维修单纸白与扭矩橙；工单式排版，视频优先。 */
:root{--ink:#141716;--paper:#f3f0e8;--paper-2:#e8e3d7;--orange:#f15a29;--teal:#3c716d;--muted:#6c716b;--line:rgba(20,23,22,.18);--white:#fffdf7;--mono:"IBM Plex Mono","SFMono-Regular",Consolas,monospace;--sans:"Noto Sans SC","Microsoft YaHei",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.7}.skip-link{position:absolute;left:-999px;top:0}.skip-link:focus{left:1rem;z-index:99;background:var(--orange);color:#fff;padding:.7rem}.topbar{background:var(--ink);color:#d9dbd3;display:flex;justify-content:space-between;align-items:center;padding:.45rem clamp(1rem,4vw,4rem);font:11px/1.4 var(--mono);letter-spacing:.08em}.topbar p{margin:0}.topbar span{color:#f1a78d}.nav-shell{min-height:82px;padding:0 clamp(1rem,4vw,4rem);display:flex;align-items:center;gap:2rem;background:rgba(243,240,232,.96);border-bottom:1px solid var(--line);position:relative;z-index:10}.brand{display:flex;align-items:center;gap:.65rem;text-decoration:none;color:var(--ink);min-width:max-content}.brand img{width:42px;height:42px;object-fit:contain}.brand span{display:flex;flex-direction:column;line-height:1}.brand b{font-size:1.7rem;letter-spacing:-.08em}.brand small{font:9px/1.3 var(--mono);color:var(--muted);letter-spacing:.08em;margin-top:.25rem}.main-nav{display:flex;gap:1.4rem;margin-left:auto}.main-nav a{color:var(--ink);text-decoration:none;font-size:.88rem;font-weight:700;position:relative}.main-nav a[aria-current=page],.main-nav a:hover{color:var(--orange)}.main-nav a[aria-current=page]:after{content:"";position:absolute;bottom:-.65rem;left:0;width:100%;height:2px;background:var(--orange)}.menu-trigger{display:none;border:0;background:none;margin-left:auto;width:34px;padding:8px}.menu-trigger span{display:block;height:2px;margin:5px 0;background:var(--ink)}.search-strip{display:flex;align-items:center;gap:1rem;padding:.7rem clamp(1rem,4vw,4rem);background:#e6e1d5;border-bottom:1px solid var(--line)}.search-strip p{margin:0;color:var(--muted);font-size:.78rem}.search-form{display:flex;align-items:center;gap:.5rem}.search-form label{font:700 11px var(--mono);letter-spacing:.06em}.search-form input{width:min(34vw,300px);border:1px solid var(--line);background:var(--white);padding:.55rem .75rem;font:inherit}.search-form button,.video-copy button,.expert-grid button,.contact-panel button,.footer-action,.mcp-dialog button{background:var(--ink);color:#fff;border:0;padding:.6rem .8rem;font:700 .75rem var(--sans);cursor:pointer}.search-form button:hover,.video-copy button:hover,.expert-grid button:hover,.contact-panel button:hover,.footer-action:hover{background:var(--orange)}.hero-section{min-height:670px;position:relative;overflow:hidden;color:#fff;display:flex;align-items:flex-end;padding:clamp(2rem,7vw,7rem) clamp(1rem,7vw,7rem)}.hero-image,.hero-scrim{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-scrim{background:linear-gradient(90deg,rgba(10,12,12,.92) 0%,rgba(10,12,12,.72) 38%,rgba(10,12,12,.1) 78%),linear-gradient(0deg,rgba(10,12,12,.58),transparent 45%)}.hero-content{position:relative;max-width:680px;z-index:1}.eyebrow{font:700 11px/1.4 var(--mono);letter-spacing:.12em;color:var(--orange);text-transform:uppercase}.eyebrow.light{color:#ffc5ac}.hero-content h1{font-size:clamp(2.7rem,5.6vw,5.8rem);line-height:1.08;letter-spacing:-.07em;margin:.7rem 0 1.2rem;max-width:10em}.hero-content p{font-size:1rem;max-width:54em;color:#e5e3dc;margin:0}.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2rem}.primary-btn,.secondary-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;padding:.82rem 1rem;font-weight:800;font-size:.86rem}.primary-btn{background:var(--orange);color:#fff}.primary-btn:hover{background:#ff784e}.secondary-btn{border:1px solid rgba(255,255,255,.5);color:#fff}.secondary-btn:hover{background:#fff;color:var(--ink)}.hero-meta{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2.5rem;font:10px var(--mono);letter-spacing:.06em}.hero-meta span{border-left:2px solid var(--orange);padding-left:.5rem}.hero-ticket{position:absolute;right:clamp(1rem,5vw,5rem);bottom:2rem;z-index:2;width:235px;padding:1rem;background:rgba(243,240,232,.93);color:var(--ink);border-top:4px solid var(--orange);font-size:.84rem;transform:rotate(-3deg)}.hero-ticket b{font:700 11px var(--mono);display:block;margin-bottom:.5rem}.ticker{display:flex;overflow:hidden;gap:0;background:var(--orange);color:#fff;white-space:nowrap}.ticker span{padding:.75rem 1.6rem;border-right:1px solid rgba(255,255,255,.35);font:700 11px var(--mono);letter-spacing:.06em}.section{padding:clamp(4rem,8vw,8rem) clamp(1rem,7vw,7rem);border-bottom:1px solid var(--line)}.section-heading{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(230px,.55fr);gap:3rem;align-items:end;margin-bottom:2.5rem}.section h2,.inner-hero h1{font-size:clamp(2rem,4vw,4rem);line-height:1.12;letter-spacing:-.055em;margin:.55rem 0 0;max-width:13em}.section-heading p{margin:0;color:var(--muted);font-size:.94rem}.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}.video-card{background:var(--white);border:1px solid var(--line);outline:none;transition:transform .22s cubic-bezier(.23,1,.32,1),box-shadow .22s}.video-card:hover,.video-card:focus-within{transform:translateY(-6px);box-shadow:10px 14px 0 rgba(20,23,22,.12)}.video-poster{height:255px;padding:1rem;display:flex;position:relative;align-items:flex-end;justify-content:space-between;overflow:hidden}.poster-amber{background:linear-gradient(135deg,#30302b,#a44626 54%,#f15a29)}.poster-teal{background:linear-gradient(135deg,#0d2121,#3c716d 55%,#a6a98f)}.poster-grey{background:linear-gradient(135deg,#d6d0c4,#535952 48%,#171a18)}.video-poster:before{content:"";position:absolute;width:180px;height:180px;border:1px solid rgba(255,255,255,.35);border-radius:50%;right:-60px;top:-40px}.clip-code,.video-tag{position:relative;z-index:1;font:700 10px var(--mono);letter-spacing:.06em;color:#fff}.video-tag{background:rgba(20,23,22,.68);padding:.3rem .45rem}.play-symbol{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-45%) scale(.82);width:56px;height:56px;display:grid;place-items:center;border-radius:50%;background:var(--orange);color:#fff;opacity:0;transition:opacity .2s,transform .2s}.video-card:hover .play-symbol,.video-card:focus .play-symbol{opacity:1;transform:translate(-50%,-45%) scale(1)}.video-copy{padding:1.25rem}.video-copy h3,.expert-grid h3,.how-grid h3,.topic-columns h3,.contact-panel h3{font-size:1.2rem;line-height:1.3;margin:.35rem 0 .5rem;letter-spacing:-.03em}.video-copy p,.expert-grid p{font-size:.88rem;color:var(--muted);margin:0 0 1rem}.video-copy button{background:transparent;color:var(--ink);border:1px solid var(--line)}.video-copy button:hover{color:#fff}.feature-split,.community-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,8vw,8rem);align-items:center}.feature-image,.community-photo,.ai-image,.inner-media{position:relative}.feature-image img,.community-photo img,.ai-image img,.inner-media img{width:100%;display:block;object-fit:cover}.feature-image img{aspect-ratio:4/3}.image-label{position:absolute;left:-.7rem;bottom:1.5rem;background:var(--orange);color:#fff;padding:.4rem .7rem;font:700 10px var(--mono);letter-spacing:.07em}.feature-copy p,.community-copy p,.ai-copy p,.partner-section p,.contact-copy p{color:var(--muted)}.list-rows{border-top:1px solid var(--line);margin:1.5rem 0}.list-rows div{display:flex;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--line);font-size:.9rem}.list-rows b,.how-grid b,.process-grid b{font:700 11px var(--mono);color:var(--orange)}.text-link{color:var(--ink);font-size:.88rem;font-weight:800;text-decoration:none;border-bottom:1px solid var(--orange)}.ai-section{background:var(--ink);color:var(--paper);display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,8vw,8rem);align-items:center}.ai-section h2{color:#fff}.ai-copy p{color:#d5d6ce}.ai-notes{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;margin:1.6rem 0}.ai-notes span{font:700 .75rem var(--mono);border:1px solid rgba(255,255,255,.2);padding:.6rem}.ai-image img{aspect-ratio:4/3}.community-photo img{aspect-ratio:16/10}.topic-cloud{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.5rem 0}.topic-cloud span{padding:.45rem .65rem;border:1px solid var(--line);font:700 11px var(--mono);letter-spacing:.03em}.expert-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.expert-grid article{border:1px solid var(--line);background:var(--white);padding:1.4rem;min-height:250px;display:flex;flex-direction:column}.expert-grid article>span{font:700 10px var(--mono);color:var(--orange);letter-spacing:.09em}.expert-grid article div{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:auto}.expert-grid button{background:transparent;color:var(--ink);border:1px solid var(--line)}.partner-section{background:var(--paper-2);display:grid;grid-template-columns:.85fr 1.15fr;gap:3rem;align-items:center}.logo-wall{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.logo-wall span{background:var(--ink);color:#fff;padding:1.25rem;font:700 12px/1.7 var(--mono);letter-spacing:.07em}.logo-wall small{color:#c4c7bd;font-weight:400}.howto-section{background:var(--white)}.howto-section>h2{margin-top:.55rem}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:2rem}.how-grid article{padding:1.5rem;border-top:1px solid var(--line);border-right:1px solid var(--line)}.how-grid article:last-child{border-right:0}.how-grid p{color:var(--muted);font-size:.88rem}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:1rem 0}summary{cursor:pointer;font-weight:800;list-style:none;padding-right:2rem;position:relative}summary:after{content:"+";position:absolute;right:0;color:var(--orange);font-size:1.2rem}details[open] summary:after{content:"−"}details p{color:var(--muted);font-size:.9rem;margin:.7rem 0 0}.trust-section{display:grid;grid-template-columns:1fr .7fr;gap:3rem;background:#ded7c8}.trust-card{align-self:center;background:var(--ink);color:#fff;padding:2rem;border-top:4px solid var(--orange);display:flex;flex-direction:column;gap:.35rem}.trust-card strong{font-size:1.15rem}.trust-card small{color:#bfc1b7}.contact-section{display:grid;grid-template-columns:1.2fr .8fr;gap:4rem}.contact-copy dl{border-top:1px solid var(--line)}.contact-copy dt{font:700 11px var(--mono);color:var(--orange);margin-top:1rem}.contact-copy dd{margin:.15rem 0;color:var(--muted);font-size:.9rem}.contact-panel{background:var(--teal);color:#fff;padding:2rem;align-self:start}.contact-panel p{color:#dce8e5}.contact-panel button{background:var(--orange)}.site-footer{background:var(--ink);color:#e9e8df;padding:3rem clamp(1rem,7vw,7rem) 1rem}.footer-grid{display:grid;grid-template-columns:1.3fr .7fr .7fr .8fr;gap:2rem}.footer-brand{color:#fff}.footer-brand small{color:#bbc0b7}.footer-grid p{color:#afb4aa;font-size:.86rem;max-width:28em}.footer-grid h3{font:700 11px var(--mono);letter-spacing:.1em;color:#f1a78d;margin:0 0 1rem}.footer-grid a,.footer-action{display:block;color:#e9e8df;text-decoration:none;font-size:.85rem;margin:.55rem 0}.footer-action{padding:0;background:none;text-align:left;font-weight:400}.qr-set{display:flex;gap:1rem}.qr{width:82px;aspect-ratio:1;background-color:#f6f2e9;background-image:linear-gradient(90deg,transparent 18%,#141716 18% 27%,transparent 27% 45%,#141716 45% 58%,transparent 58% 75%,#141716 75% 82%,transparent 82%),linear-gradient(transparent 15%,#141716 15% 25%,transparent 25% 42%,#141716 42% 55%,transparent 55% 72%,#141716 72% 82%,transparent 82%);border:5px solid #f6f2e9}.qr-two{transform:rotate(1deg);filter:hue-rotate(18deg)}.qr-set small{display:block;width:84px;font-size:.65rem;color:#afb4aa;line-height:1.4;margin-top:.4rem}.footer-bottom{border-top:1px solid rgba(255,255,255,.15);margin-top:2rem;padding-top:1rem;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font:10px var(--mono);color:#aeb2a9}.toast{position:fixed;right:1rem;bottom:1rem;z-index:50;background:var(--orange);color:#fff;padding:.85rem 1rem;max-width:320px;opacity:0;transform:translateY(15px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translateY(0)}.mcp-dialog{border:0;padding:0;background:transparent;width:min(500px,calc(100% - 2rem)}.mcp-dialog::backdrop{background:rgba(0,0,0,.62)}.mcp-dialog>div{background:var(--paper);padding:2rem;border-top:5px solid var(--orange)}.mcp-dialog h2{font-size:1.7rem;letter-spacing:-.05em;line-height:1.15;margin:.5rem 0}.mcp-dialog p{color:var(--muted);font-size:.9rem}.breadcrumb{font:700 10px var(--mono);letter-spacing:.06em;margin-bottom:1.7rem;display:flex;gap:.6rem;color:var(--muted)}.breadcrumb a{color:var(--orange);text-decoration:none}.inner-hero{min-height:390px;padding:clamp(3rem,8vw,8rem) clamp(1rem,7vw,7rem);background:var(--ink);color:#fff;display:grid;grid-template-columns:1fr .7fr;gap:4rem;align-items:center}.inner-hero p{max-width:55em;color:#d4d7ce}.inner-media img{aspect-ratio:4/3;object-fit:cover}.inner-content{min-height:500px}.process-grid,.topic-columns{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.process-grid article,.topic-columns>div{border-top:3px solid var(--orange);background:var(--white);padding:1.25rem}.process-grid h3{font-size:1.08rem;line-height:1.35;margin:.55rem 0}.process-grid p,.topic-columns p{font-size:.88rem;color:var(--muted);margin:0}.topic-columns{grid-template-columns:repeat(3,1fr)}
@media(max-width:900px){.main-nav{display:none;position:absolute;top:82px;left:0;right:0;background:var(--paper);padding:1rem;border-bottom:1px solid var(--line)}.site-header.mobile-open .main-nav{display:grid;grid-template-columns:1fr 1fr}.main-nav a{padding:.6rem}.menu-trigger{display:block}.search-strip{flex-direction:column;align-items:flex-start}.video-grid,.expert-grid{grid-template-columns:1fr 1fr}.section-heading,.feature-split,.community-section,.ai-section,.partner-section,.contact-section,.trust-section,.inner-hero{grid-template-columns:1fr}.feature-split .feature-image{order:2}.footer-grid{grid-template-columns:1fr 1fr}.hero-ticket{display:none}.process-grid{grid-template-columns:1fr 1fr}}@media(max-width:620px){.topbar span{display:none}.nav-shell{min-height:72px}.site-header.mobile-open .main-nav{top:72px;grid-template-columns:1fr}.search-form{width:100%;flex-wrap:wrap}.search-form input{width:100%;order:3}.video-grid,.expert-grid,.how-grid,.footer-grid,.process-grid,.topic-columns{grid-template-columns:1fr}.how-grid article{border-right:0}.section{padding:3.5rem 1rem}.hero-section{min-height:620px;padding:3rem 1rem}.hero-content h1{font-size:2.8rem}.hero-actions{display:grid}.footer-bottom{display:grid}.qr-set{justify-content:flex-start}}
@media(prefers-reduced-motion:no-preference){.section,.inner-hero>*{animation:rise .5s cubic-bezier(.23,1,.32,1) both}@keyframes rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}}