/* 首页参考版：仅覆盖新版首页，原版 styles.css 和 index.html 保持不变。 */
.reference-home{background:#090a0e;color:#f5f5f7}.reference-home :focus-visible{outline:2px solid #a2d9ff;outline-offset:5px}.ref-header{height:94px;display:flex;align-items:center;justify-content:space-between;padding:0 5.2%;position:absolute;top:0;left:0;width:100%;z-index:5}.ref-brand{display:flex;align-items:center;gap:11px;font:700 13px/1.12 var(--sans);letter-spacing:.04em}.ref-brand small{font:500 9px/1.4 var(--mono);letter-spacing:.08em;color:#b9bac3}.brand-mark{width:28px;height:28px;display:grid;grid-template-columns:repeat(2,1fr);gap:2px;transform:rotate(-12deg)}.brand-mark i{background:#f2f3f6;border-radius:75% 12% 75% 12%}.brand-mark i:nth-child(2),.brand-mark i:nth-child(3){opacity:.58}.ref-nav{position:absolute;left:50%;transform:translateX(-50%);padding:5px;display:flex;gap:3px;background:#1b1c22;border:1px solid rgba(255,255,255,.035);border-radius:28px;color:#d5d5dc}.ref-nav a{min-width:65px;min-height:36px;padding:10px 15px;text-align:center;font-size:11px;border-radius:22px;transition:background .2s,color .2s}.ref-nav a:hover{background:#303139}.ref-nav a.selected{background:#f4f4f5;color:#111217}.ref-contact{border:1px solid rgba(255,255,255,.2);border-radius:24px;padding:11px 18px;font-size:11px;transition:background .2s}.ref-contact:hover{background:#f6f6f8;color:#14151b}.ref-contact span{margin-left:7px}.ref-hero{min-height:820px;height:min(960px,100vh);position:relative;overflow:hidden;background:radial-gradient(ellipse 40% 35% at 50% 84%,rgba(43,54,100,.2),transparent 75%),#0c0d11;border-bottom:1px solid var(--line)}.hero-text{position:relative;z-index:2;text-align:center;padding:145px 20px 0}.hero-pill{display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(177,140,247,.32);background:rgba(30,22,44,.45);border-radius:30px;padding:8px 13px;font-size:11px;color:#e1ddeb}.hero-pill span{color:#bd9ce2}.hero-text h1{font-size:clamp(52px,5.9vw,88px);line-height:1.12;letter-spacing:-.07em;font-weight:600;margin:24px 0 7px}.hero-text h1 span{font-weight:350;color:#c8c7ce}.hero-lead{margin:8px 0 0;font-size:clamp(19px,2.1vw,29px);color:#8d8d97;font-weight:300}.hero-desc{margin:22px auto 0;color:#bcbcc5;line-height:1.9;font-size:13px}.hero-button{display:inline-flex;align-items:center;gap:18px;background:#f4f4f6;color:#111218;border-radius:28px;padding:7px 8px 7px 20px;font-size:12px;font-weight:700;margin-top:25px;transition:transform .2s,background .2s}.hero-button span{display:grid;place-items:center;background:#17181e;color:#fff;width:27px;height:27px;border-radius:50%;font-size:14px}.hero-button:hover{transform:translateY(-3px);background:white}.film-stage{position:absolute;bottom:0;left:0;width:100%;height:310px;overflow:hidden}.light-streaks{position:absolute;inset:30% -10% 0;filter:blur(11px);opacity:.6;background:linear-gradient(175deg,transparent 31%,rgba(71,110,197,.45) 32%,transparent 34%),linear-gradient(183deg,transparent 40%,rgba(237,104,102,.42) 41%,transparent 43%),linear-gradient(178deg,transparent 62%,rgba(161,106,222,.48) 63%,transparent 65%);mask-image:linear-gradient(90deg,#000,transparent 35%,transparent 65%,#000)}.film-deck{height:100%;display:flex;justify-content:center;align-items:flex-end;gap:12px;perspective:1000px}.film-card{width:165px;height:228px;border:1px solid rgba(255,255,255,.17);border-radius:17px 17px 0 0;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:17px;color:white;background:#1c202b;box-shadow:0 15px 50px rgba(0,0,0,.45);transition:transform .3s,border-color .3s}.film-card:hover{transform:translateY(-12px)!important;border-color:rgba(255,255,255,.55)}.film-one{background:linear-gradient(145deg,#202d40,#13131c 68%);transform:translateY(26px) rotate(-5deg);opacity:.7}.film-two{background:radial-gradient(ellipse at 45% 50%,#87455a,#30202d 60%,#17151c);transform:translateY(8px) rotate(-3deg)}.film-three{height:250px;background:radial-gradient(ellipse at 48% 45%,#bc835b,#563946 54%,#191923);z-index:2}.film-four{background:radial-gradient(ellipse at 50% 50%,#555276,#252139 58%,#14141d);transform:translateY(8px) rotate(3deg)}.film-five{background:linear-gradient(215deg,#293342,#15151d 75%);transform:translateY(26px) rotate(5deg);opacity:.7}.film-card:before{content:"";position:absolute;inset:0;opacity:.15;background:repeating-linear-gradient(130deg,transparent 0 2px,rgba(255,255,255,.35) 3px,transparent 4px)}.film-top,.film-label{z-index:1}.film-top{font:10px var(--mono);letter-spacing:.05em}.film-top i{display:block;font:normal 10px var(--sans);color:#d1cbd1;margin-top:7px}.film-orbit{position:absolute;width:125px;height:125px;border:1px solid rgba(255,255,255,.35);border-radius:50%;top:55px;left:20px}.film-orbit:after{content:"";position:absolute;inset:20px;border:1px solid rgba(255,255,255,.2);border-radius:50%}.film-label{border-top:1px solid rgba(255,255,255,.35);padding-top:11px}.film-label strong,.film-label small{display:block}.film-label strong{font-size:14px}.film-label small{font:9px var(--mono);margin-top:5px;color:#d7d3d8}.reference-home .section-shell{scroll-margin-top:20px}.reference-home .work-row{scroll-margin-top:20px}@media(max-width:800px){.ref-header{height:72px;padding:0 20px}.ref-brand{font-size:11px}.ref-nav{position:static;transform:none;margin-left:auto;margin-right:8px}.ref-nav a{min-width:auto;padding:9px 10px;font-size:10px}.ref-contact{font-size:10px;padding:9px 11px}.ref-hero{min-height:720px;height:100svh;max-height:850px}.hero-text{padding-top:125px}.hero-text h1{font-size:clamp(44px,10vw,64px)}.hero-lead{font-size:19px}.hero-desc{font-size:12px}.film-stage{height:260px}.film-deck{gap:7px;min-width:620px;position:absolute;left:50%;transform:translateX(-50%);bottom:0}.film-card{width:115px;height:185px;padding:12px}.film-three{height:205px}.film-orbit{width:85px;height:85px;left:15px;top:50px}.film-top i{font-size:9px}.film-label strong{font-size:12px}.film-label small{font-size:8px}}@media(max-width:420px){.ref-nav a{padding:8px 7px}.ref-nav a:nth-child(3){display:none}.ref-contact{padding:9px}.brand-mark{width:23px;height:23px}.ref-brand{gap:7px}.hero-text{padding-top:120px}.hero-desc{max-width:320px}.desktop-break{display:none}}@media(prefers-reduced-motion:reduce){.film-card,.hero-button{transition:none}}