/* 藝享文創｜v17 影視 × 文創雙軌設計
   t-film：暗場影院（影像製作、原創、作品）　t-craft：紙感日常（文創、關於、合作、聯絡、消息）　t-home：兩軌並行 */
body{margin:0;background:#0e0f0d}
#yi-home{
  --f-bg:#0e0f0d;--f-surface:#171915;--f-ink:#ece8de;--f-soft:#a3a195;--f-rule:#2d2f29;
  --c-bg:#f2ede2;--c-surface:#e8e1d1;--c-ink:#25281f;--c-soft:#6a675a;--c-rule:#d6cdbb;
  --rec:#d0533c;--gold:#c8a86a;--olive:#55663f;--clay:#a35a33;
  --t-oolong:#b8873a;--t-black:#8a3727;--t-green:#7b8b45;--t-honey:#c06a2c;
  --serif:'Noto Serif TC','Songti TC','Source Han Serif TC','PMingLiU',serif;
  --sans:'Noto Sans TC','PingFang TC','Microsoft JhengHei',system-ui,sans-serif;
  --mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --ease:cubic-bezier(.2,.7,.2,1);
  font:15px/1.85 var(--sans);letter-spacing:.02em;overflow-x:clip;min-height:100vh;
}
#yi-home.t-film,#yi-home.t-home{--bg:var(--f-bg);--surface:var(--f-surface);--ink:var(--f-ink);--soft:var(--f-soft);--rule:var(--f-rule);--accent:var(--gold);color-scheme:dark}
#yi-home.t-craft{--bg:var(--c-bg);--surface:var(--c-surface);--ink:var(--c-ink);--soft:var(--c-soft);--rule:var(--c-rule);--accent:var(--clay);color-scheme:light}
#yi-home{background:var(--bg);color:var(--ink)}
#yi-home *{box-sizing:border-box}
#yi-home a{color:inherit;text-decoration:none}
#yi-home img{max-width:100%}
#yi-home button{font:inherit;color:inherit;cursor:pointer}
#yi-home h1,#yi-home h2,#yi-home h3{font-family:var(--serif);font-weight:400;letter-spacing:.08em}
#yi-home h2{font-size:clamp(26px,3.2vw,40px);line-height:1.45;margin:10px 0 18px}
#yi-home h3{font-size:18px;line-height:1.5;margin:10px 0 4px}
#yi-home p{margin:10px 0}
#yi-home .eyebrow{font:500 11px/1.6 var(--mono);letter-spacing:.28em;text-transform:uppercase;color:var(--accent)}
#yi-home .meta{font:11px/1.6 var(--mono);letter-spacing:.16em;color:var(--soft);margin-top:12px}
#yi-home .site-note{font-size:12px;color:var(--soft)}
#yi-home .lead{font:400 clamp(18px,2vw,22px)/1.7 var(--serif);letter-spacing:.06em;max-width:720px}
#yi-home .skip-link{position:absolute;left:12px;top:-100px;z-index:100;background:var(--bg);padding:10px}
#yi-home .skip-link:focus{top:12px}
#yi-home .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
#yi-home a:focus-visible,#yi-home button:focus-visible,#yi-home [tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:4px}

/* 按鈕與連結 */
#yi-home .solid{display:inline-flex;align-items:center;gap:8px;padding:13px 26px;background:var(--ink);color:var(--bg);border:1px solid var(--ink);font-size:13px;letter-spacing:.12em;position:relative;overflow:hidden;transition:color .35s var(--ease);z-index:0}
#yi-home .solid::before{content:'';position:absolute;inset:0;background:var(--accent);transform:scaleX(0);transform-origin:right;transition:transform .45s var(--ease);z-index:-1}
#yi-home .solid:hover::before,#yi-home .solid:focus-visible::before{transform:scaleX(1);transform-origin:left}
#yi-home .solid:hover{color:#fff}
#yi-home .text-link{display:inline-block;font-size:13px;letter-spacing:.08em;padding:4px 0;background:linear-gradient(currentColor,currentColor) 0 100%/100% 1px no-repeat;transition:background-size .4s var(--ease),color .3s}
#yi-home .text-link:hover{background-size:0 1px;color:var(--accent)}
#yi-home .quiet{display:inline-block;font-size:13px;letter-spacing:.12em;padding:12px 0;border-bottom:1px solid currentColor}

/* 頁首 */
#yi-home .site-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:28px;padding:14px 4.5%;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--rule);transition:padding .3s var(--ease)}
#yi-home.scrolled .site-header{padding-top:9px;padding-bottom:9px}
#yi-home .brand-identity{display:flex;align-items:center;gap:12px;flex-shrink:0}
#yi-home .brand-disc{display:inline-grid;place-items:center;width:50px;height:50px;border-radius:50%;background:#f2ede2;box-shadow:0 0 0 1px #00000014}
#yi-home .brand-disc img{width:42px;height:42px;object-fit:contain;display:block}
#yi-home .logo{font:400 21px/1.2 var(--serif);letter-spacing:.2em;white-space:nowrap}
#yi-home .legal{font-size:10px;letter-spacing:.12em;color:var(--soft)}
#yi-home .site-header nav{display:flex;align-items:center;gap:6px 26px;margin:0 auto;flex-wrap:wrap}
#yi-home .nav-group{display:flex;align-items:center;gap:16px;position:relative}
#yi-home .nav-group+.nav-group{padding-left:26px;border-left:1px solid var(--rule)}
#yi-home .nav-group em{font:normal 9px/1 var(--mono);letter-spacing:.25em;color:var(--soft)}
#yi-home .nav-film em{color:var(--rec)}#yi-home .nav-craft em{color:var(--t-green)}
#yi-home .site-header nav a{font-size:13px;letter-spacing:.08em;padding:6px 0;position:relative}
#yi-home .site-header nav a::after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:currentColor;transform:scaleX(0);transition:transform .35s var(--ease)}
#yi-home .site-header nav a:hover::after,#yi-home .site-header nav a[aria-current=page]::after{transform:scaleX(1)}
#yi-home .header-actions{display:flex;align-items:center;gap:20px;flex-shrink:0}
#yi-home .member-link{font-size:13px;letter-spacing:.08em;display:inline-flex;align-items:center;gap:8px}
#yi-home .member-link::before{content:'';width:8px;height:8px;border-radius:50%;background:#06c755}
#yi-home .header-actions .solid{padding:10px 18px;font-size:12px}
#yi-home .nav-toggle{display:none;background:none;border:1px solid var(--rule);width:42px;height:42px;padding:0;position:relative;margin-left:auto}
#yi-home .nav-toggle span:not(.sr){position:absolute;left:11px;right:11px;height:1px;background:var(--ink);transition:transform .3s var(--ease)}
#yi-home .nav-toggle span:nth-child(1){top:16px}#yi-home .nav-toggle span:nth-child(2){top:24px}
#yi-home .nav-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(4px) rotate(45deg)}
#yi-home .nav-toggle[aria-expanded=true] span:nth-child(2){transform:translateY(-4px) rotate(-45deg)}

/* ===== 首頁：雙軌首屏 ===== */
#yi-home .hero{position:relative;display:flex;height:min(92vh,880px);min-height:620px;overflow:hidden;background:#000}
#yi-home .track{position:relative;flex:1 1 0;overflow:hidden;transition:flex-grow .9s var(--ease)}
#yi-home .track-film{background:#0b0c0a;color:#f1ede3}
#yi-home .track-craft{background:#efe8da;color:#26291f;border-left:1px solid #00000030}
@media(hover:hover) and (min-width:901px){#yi-home .hero:has(.track-film:hover) .track-film,#yi-home .hero:has(.track-craft:hover) .track-craft{flex-grow:1.55}}
#yi-home .track-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.62) contrast(1.06) saturate(.9)}
#yi-home .track-film::after{content:'';position:absolute;inset:0;background:radial-gradient(120% 90% at 30% 40%,transparent 30%,#000000b3 100%);pointer-events:none}
#yi-home .hero-fx{position:absolute;inset:0;z-index:2;pointer-events:none}
#yi-home .lb{position:absolute;left:0;right:0;height:7%;background:#000;z-index:1}
#yi-home .lb-top{top:0}#yi-home .lb-bot{bottom:0}
#yi-home .grain{position:absolute;inset:-50%;opacity:.14;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
#yi-home .corner{position:absolute;width:22px;height:22px;border:1px solid #ffffff80;z-index:2}
#yi-home .c1{left:5%;top:calc(7% + 18px);border-right:0;border-bottom:0}#yi-home .c2{right:5%;top:calc(7% + 18px);border-left:0;border-bottom:0}
#yi-home .c3{left:5%;bottom:calc(7% + 18px);border-right:0;border-top:0}#yi-home .c4{right:5%;bottom:calc(7% + 18px);border-left:0;border-top:0}
#yi-home .tc{position:absolute;right:calc(5% + 34px);top:calc(7% + 20px);font:500 10px/1 var(--mono);letter-spacing:.2em;color:#ffffffc0;display:flex;align-items:center;gap:8px;z-index:2}
#yi-home .tc i{width:7px;height:7px;border-radius:50%;background:var(--rec)}
#yi-home .tc b{font-weight:500}
#yi-home .track-copy{position:absolute;left:8%;right:8%;bottom:calc(7% + 40px);z-index:3}
#yi-home .track-no{font:500 10px/1 var(--mono);letter-spacing:.3em;text-transform:uppercase;opacity:.75}
#yi-home .track-copy h2{font-size:clamp(28px,3vw,44px);margin:12px 0 6px;letter-spacing:.2em}
#yi-home .track-copy p{font-size:13px;letter-spacing:.12em;opacity:.85;margin:0 0 14px}
#yi-home .track-link{display:inline-block;font-size:13px;letter-spacing:.12em;border-bottom:1px solid currentColor;padding:4px 0;transition:letter-spacing .4s var(--ease)}
#yi-home .track-link:hover{letter-spacing:.2em}
#yi-home .craft-art{position:absolute;inset:0;background:
  radial-gradient(60% 50% at 70% 30%,#f8f3e8 0,transparent 70%),
  repeating-linear-gradient(0deg,#00000006 0 1px,transparent 1px 4px),
  linear-gradient(160deg,#efe8da,#e3d8c2)}
#yi-home .craft-still{position:absolute;right:12%;top:16%;width:min(46%,330px);aspect-ratio:1;object-fit:cover;box-shadow:0 30px 60px -20px #3a2b1a66,0 0 0 10px #f8f4ea;transform:rotate(3deg);transition:transform 1s var(--ease)}
#yi-home .track-craft:hover .craft-still{transform:rotate(0deg) scale(1.03)}
#yi-home .steam{position:absolute;width:2px;height:120px;left:22%;top:20%;background:linear-gradient(transparent,#6a675a40,transparent);border-radius:2px;opacity:0}
#yi-home .s2{left:27%;top:24%;height:90px}#yi-home .s3{left:32%;top:18%;height:140px}
#yi-home .tea-chips{list-style:none;padding:0;margin:0 0 16px;display:flex;flex-wrap:wrap;gap:8px}
#yi-home .chip{display:inline-flex;align-items:center;gap:7px;font-size:12px;padding:5px 12px 5px 9px;border:1px solid #25281f30;border-radius:99px;background:#f8f4eacc}
#yi-home .chip i,#yi-home .tea-row i{width:10px;height:10px;border-radius:50%;flex:none}
#yi-home .chip-oolong i,#yi-home .tea-oolong i{background:var(--t-oolong)}#yi-home .chip-black i,#yi-home .tea-black i{background:var(--t-black)}
#yi-home .chip-green i,#yi-home .tea-green i{background:var(--t-green)}#yi-home .chip-honey i,#yi-home .tea-honey i{background:var(--t-honey)}
#yi-home .title-card{position:absolute;left:50%;top:41%;transform:translate(-50%,-50%);z-index:5;width:min(560px,86%);padding:34px 38px 32px;background:#0e0f0dd9;color:#f1ede3;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid #ffffff22;text-align:center;transition:opacity .6s var(--ease),transform .9s var(--ease)}
#yi-home .title-card::before{content:'';position:absolute;inset:8px;border:1px solid #ffffff14;pointer-events:none}
#yi-home .title-card .eyebrow{color:var(--gold);font-size:9px}
#yi-home .title-card h1{font-size:clamp(30px,3.6vw,46px);line-height:1.4;margin:14px 0 12px;letter-spacing:.12em}
#yi-home .title-card p{font-size:13px;color:#d6d2c6;letter-spacing:.06em}
#yi-home .hero-cta{display:flex;justify-content:center;align-items:center;gap:26px;margin-top:20px;flex-wrap:wrap}
#yi-home .title-card .solid{background:#f1ede3;color:#16180f;border-color:#f1ede3}
#yi-home .title-card .quiet{color:#f1ede3}
@media(hover:hover) and (min-width:901px){#yi-home .hero:has(.track:hover) .title-card{opacity:.18;transform:translate(-50%,-50%) scale(.97)}#yi-home .hero:has(.title-card:hover) .title-card{opacity:1;transform:translate(-50%,-50%)}}

/* 片名跑馬燈 */
#yi-home .reel-strip{background:#050505;color:#e9e6dc;overflow:hidden;position:relative;padding:17px 0}
#yi-home .reel-strip::before,#yi-home .reel-strip::after{content:'';position:absolute;left:0;right:0;height:5px;background:repeating-linear-gradient(90deg,transparent 0 10px,#ffffff30 10px 18px)}
#yi-home .reel-strip::before{top:4px}#yi-home .reel-strip::after{bottom:4px}
#yi-home .reel-track{display:flex;width:max-content}
#yi-home .reel-track span{font:400 15px/1.4 var(--serif);letter-spacing:.3em;padding:0 26px;white-space:nowrap;display:flex;align-items:center}
#yi-home .reel-track span::after{content:'';width:6px;height:6px;margin-left:52px;transform:rotate(45deg)}
#yi-home .r-film::after{background:var(--rec)}#yi-home .r-craft::after{background:var(--t-green)}
#yi-home .r-craft{color:#d9cfb6}

/* 首頁區塊 */
#yi-home main>section{padding:110px 6.5%}
#yi-home .intro{max-width:1100px}
#yi-home .big-line{font-size:clamp(30px,4.4vw,58px);line-height:1.45;margin:22px 0 28px}
#yi-home .em-film{color:var(--gold);font-style:normal}
#yi-home .em-craft{color:#b9c48f}
#yi-home .intro p{max-width:640px;color:var(--soft)}
#yi-home .sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:34px;flex-wrap:wrap}
#yi-home .strip-ctrl{display:flex;align-items:center;gap:10px}
#yi-home .strip-btn{width:46px;height:46px;border:1px solid var(--rule);background:none;transition:background .3s,border-color .3s}
#yi-home .strip-btn:hover{border-color:var(--ink);background:var(--surface)}
#yi-home .strip-ctrl .text-link{margin-left:14px}
#yi-home .showing{background:var(--f-surface);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
#yi-home .work-grid{display:grid;grid-auto-flow:column;grid-auto-columns:max(290px,calc((100% - 60px)/2.6));gap:26px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 2px 26px;scrollbar-width:thin;scrollbar-color:var(--rule) transparent;cursor:grab}
#yi-home .work-grid.dragging{cursor:grabbing;scroll-snap-type:none}
#yi-home .reel-card{scroll-snap-align:start}
#yi-home .reel-card p{font-size:13px;color:var(--soft)}
#yi-home .reel-more a{display:flex;flex-direction:column;justify-content:center;gap:10px;height:100%;min-height:260px;padding:30px;border:1px dashed var(--rule);transition:background .4s,border-color .4s}
#yi-home .reel-more a:hover{background:#ffffff08;border-color:var(--gold)}
#yi-home .reel-more strong{font:400 26px/1.4 var(--serif);letter-spacing:.14em}
#yi-home .reel-more span{font-size:12px;color:var(--soft)}
#yi-home .reel-more .arrow{font-size:28px;color:var(--gold)}

/* 作品框：遮幅＋播放提示（首頁與影像製作共用） */
#yi-home .frame{position:relative;display:block;overflow:hidden;background:#000;isolation:isolate}
#yi-home .thumb{width:100%;aspect-ratio:16/9;display:block;background:#000;margin:0}
#yi-home .thumb-cover{object-fit:cover}#yi-home .thumb-contain{object-fit:contain}
#yi-home .frame img{transition:transform 1.2s var(--ease),filter .6s}
#yi-home .frame::before,#yi-home .frame::after{content:'';position:absolute;left:0;right:0;height:0;background:#000;z-index:1;transition:height .5s var(--ease)}
#yi-home .frame::before{top:0}#yi-home .frame::after{bottom:0}
#yi-home .frame-no{position:absolute;left:12px;top:10px;z-index:2;font:500 10px var(--mono);letter-spacing:.2em;color:#ffffffb0}
#yi-home .play{position:absolute;left:14px;bottom:14px;z-index:2;font:500 10px/1 var(--mono);letter-spacing:.35em;color:#fff;padding:9px 11px 9px 28px;border:1px solid #ffffffa0;background:#00000055;opacity:0;transform:translateY(8px);transition:opacity .4s,transform .4s var(--ease)}
#yi-home .play::before{content:'';position:absolute;left:11px;top:50%;margin-top:-4px;border-left:7px solid #fff;border-top:4px solid transparent;border-bottom:4px solid transparent}
@media(hover:hover){
 #yi-home article:hover .frame img{transform:scale(1.07);filter:contrast(1.06) saturate(1.1)}
 #yi-home article:hover .frame::before,#yi-home article:hover .frame::after{height:10%}
 #yi-home article:hover .play{opacity:1;transform:none}
}

/* 雙軌並行 */
#yi-home .parallel{display:grid;grid-template-columns:1fr auto 1fr;gap:0;padding:0!important;background:linear-gradient(90deg,var(--f-bg) 50%,var(--c-bg) 50%)}
#yi-home .lane{padding:100px 11% 100px 13%;transition:background .6s}
#yi-home .lane-film{color:var(--f-ink)}
#yi-home .lane-craft{background:var(--c-bg);color:var(--c-ink);--accent:var(--clay);--soft:var(--c-soft);--rule:var(--c-rule)}
#yi-home .lane p{color:var(--soft);max-width:460px}
#yi-home .lane-x{align-self:center;width:58px;height:58px;margin:0 -29px;z-index:2;border-radius:50%;display:grid;place-items:center;background:#f2ede2;color:#25281f;font:400 22px var(--serif);box-shadow:0 0 0 8px var(--f-bg)}
#yi-home .slate{list-style:none;padding:0;margin:26px 0;border-top:1px solid var(--rule)}
#yi-home .slate li{display:flex;align-items:baseline;gap:18px;padding:13px 0;border-bottom:1px solid var(--rule);font:400 18px/1.4 var(--serif);letter-spacing:.1em;transition:padding .4s var(--ease),color .3s}
#yi-home .slate b{font:500 11px var(--mono);color:var(--rec);letter-spacing:.1em}
#yi-home .slate li:hover{padding-left:12px;color:var(--gold)}
#yi-home .tea-list{list-style:none;padding:0;margin:26px 0;border-top:1px solid var(--rule)}
#yi-home .tea-row{display:flex;align-items:center;gap:14px;padding:13px 0;border-bottom:1px solid var(--rule);font:400 18px/1.4 var(--serif);letter-spacing:.1em;transition:padding .4s var(--ease)}
#yi-home .tea-row small{margin-left:auto;font:11px var(--sans);color:var(--soft);letter-spacing:.08em}
#yi-home .tea-row i{width:14px;height:14px;transition:transform .4s var(--ease)}
#yi-home .tea-row:hover{padding-left:12px}#yi-home .tea-row:hover i{transform:scale(1.5)}
#yi-home .lane-links{display:flex;flex-wrap:wrap;gap:12px 26px}

/* 原創特寫：聚光燈 */
#yi-home .original-feature{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:70px;align-items:center;position:relative;background:radial-gradient(520px circle at var(--mx,30%) var(--my,50%),#c8a86a1f,transparent 70%),var(--f-bg)}
#yi-home .poster-wrap{position:relative;overflow:hidden;box-shadow:0 40px 80px -30px #000}
#yi-home .poster-wrap img{display:block;width:100%;height:auto}
#yi-home .sweep{position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,#ffffff2e 50%,transparent 65%);transform:translateX(-120%)}
#yi-home .poster-wrap:hover .sweep{transform:translateX(120%);transition:transform 1.2s var(--ease)}
#yi-home .of-copy h3{color:var(--gold)}
#yi-home .of-copy p{color:var(--soft);max-width:520px}
#yi-home .credit{font:12px var(--mono);letter-spacing:.14em;color:var(--soft);margin:14px 0 24px}
#yi-home .of-comic{display:flex;align-items:center;gap:18px;margin:0 0 22px;padding:12px;border:1px solid var(--rule);max-width:440px}
#yi-home .of-comic img{width:150px;aspect-ratio:16/9;object-fit:contain;background:#000}
#yi-home .of-comic span{font-size:11px;color:var(--soft);letter-spacing:.1em}
#yi-home .of-comic b{font:400 15px var(--serif);color:var(--ink);letter-spacing:.08em}

/* 片尾名單 */
#yi-home .credits-sec{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;border-top:1px solid var(--rule)}
#yi-home .cr-copy p{color:var(--soft)}#yi-home .cr-copy b{color:var(--ink);font-weight:500}
#yi-home .credits-roll{height:420px;overflow:hidden;position:relative;mask-image:linear-gradient(transparent,#000 18%,#000 82%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 18%,#000 82%,transparent)}
#yi-home .roll{list-style:none;margin:0;padding:0}
#yi-home .roll li{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:11px 0;align-items:baseline}
#yi-home .roll span{text-align:right;font:11px var(--mono);letter-spacing:.18em;color:var(--soft)}
#yi-home .roll b{font:400 20px var(--serif);letter-spacing:.14em;font-weight:400}
#yi-home .roll-dup{display:none}

/* 會員與取貨帶 */
#yi-home .craft-band{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center;background:var(--c-bg);color:var(--c-ink);--accent:var(--clay);--soft:var(--c-soft);--rule:var(--c-rule);--ink:var(--c-ink);--bg:var(--c-bg)}
#yi-home .craft-band p{color:var(--soft);max-width:520px}
#yi-home .band-actions{display:flex;flex-wrap:wrap;align-items:center;gap:24px;margin-top:22px}
#yi-home .regions{list-style:none;padding:0;margin:0;display:grid;gap:0;border-top:1px solid var(--rule)}
#yi-home .regions li{padding:15px 0 15px 28px;border-bottom:1px solid var(--rule);font:400 18px var(--serif);letter-spacing:.14em;position:relative}
#yi-home .regions li::before{content:'';position:absolute;left:4px;top:50%;width:12px;height:12px;margin-top:-6px;border-radius:50%;border:2.5px solid var(--clay);box-sizing:border-box}
#yi-home .regions li.hq::before{background:var(--olive);border-color:var(--olive)}

#yi-home .closing{display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap;background:#050505;color:#f1ede3}
#yi-home .closing p{color:#bdb9ad}
#yi-home .closing-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap}
#yi-home .closing .solid{background:#f1ede3;color:#111;border-color:#f1ede3}
#yi-home .aeo-badge{padding:28px 6.5%;border-top:1px solid var(--rule);display:flex;flex-wrap:wrap;gap:18px;align-items:center;font-size:13px}
#yi-home .aeo-badge img{max-width:100%;height:auto;display:block}

/* ===== 內頁 ===== */
#yi-home .inner-page{padding:90px 6.5% 80px;max-width:1280px;margin:0 auto;position:relative}
#yi-home .inner-page>h1,#yi-home .work-detail h1{font-size:clamp(38px,6vw,76px);line-height:1.25;margin:16px 0 30px;letter-spacing:.14em}
#yi-home.t-film .inner-page>.eyebrow:first-child::before{content:'● REC  ';color:var(--rec)}
#yi-home.t-craft .inner-page>.eyebrow:first-child::before{content:'';display:inline-block;width:22px;height:1px;background:currentColor;vertical-align:middle;margin-right:12px}
#yi-home.t-film .inner-page:not(.inner-tail)::before{content:'';position:absolute;left:3%;right:3%;top:40px;height:0;border-top:1px dashed var(--rule)}
#yi-home .inner-page h2{margin-top:56px}
#yi-home .inner-page>p,#yi-home .inner-page>div>p{max-width:760px}
#yi-home .service-items{counter-reset:svc;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;margin:40px 0;background:var(--rule);border:1px solid var(--rule)}
#yi-home .service-items article{background:var(--bg);padding:30px 28px;counter-increment:svc;transition:background .4s}
#yi-home .service-items article::before{content:'0' counter(svc);font:500 11px var(--mono);color:var(--rec);letter-spacing:.2em}
#yi-home .service-items article:hover{background:var(--surface)}
#yi-home .service-items p{font-size:13px;color:var(--soft)}
#yi-home .page-work-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 30px;margin:30px 0 40px}
#yi-home .page-work-list article{border-top:1px solid var(--rule);padding-top:18px}
#yi-home .page-work-list .frame{margin-bottom:14px}
#yi-home .page-work-list p{font-size:13px;color:var(--soft)}
#yi-home .detail-cover{display:block;width:100%;max-width:980px;max-height:560px;object-fit:contain;background:#000;margin:24px 0;box-shadow:0 0 0 1px var(--rule)}
#yi-home .work-actions{display:flex;flex-wrap:wrap;align-items:center;gap:26px;margin:26px 0}
#yi-home .original-detail{display:grid;grid-template-columns:minmax(0,260px) minmax(0,1fr);gap:50px;margin:30px 0 50px;align-items:center}
#yi-home .original-detail>img{width:100%;max-width:260px;height:auto;box-shadow:0 40px 70px -30px #000}
#yi-home .comic-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),280px));gap:24px;margin:24px 0 32px}
#yi-home .img-fluid{display:block;width:100%;height:auto}
#yi-home .team-roster{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--rule);margin-top:20px}
#yi-home .team-roster article{padding:26px 24px 26px 0;border-bottom:1px solid var(--rule);transition:background .4s,padding .4s var(--ease)}
#yi-home .team-roster article:hover{padding-left:14px;background:var(--surface)}
#yi-home .team-roster h3{font-size:22px}
#yi-home .team-roster p{font-size:13px;color:var(--soft)}
#yi-home .process-list{list-style:none;counter-reset:step;padding:0;margin:30px 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;background:var(--rule);border:1px solid var(--rule)}
#yi-home .process-list li{counter-increment:step;background:var(--bg);padding:26px 24px;font-size:14px}
#yi-home .process-list li::before{content:'STEP 0' counter(step);display:block;font:500 11px var(--mono);letter-spacing:.2em;color:var(--accent);margin-bottom:8px}
#yi-home details{border-bottom:1px solid var(--rule);padding:0}
#yi-home details:first-of-type{border-top:1px solid var(--rule)}
#yi-home summary{list-style:none;cursor:pointer;padding:18px 40px 18px 0;position:relative;font:400 17px/1.5 var(--serif);letter-spacing:.06em}
#yi-home summary::-webkit-details-marker{display:none}
#yi-home summary::after{content:'+';position:absolute;right:6px;top:14px;font:300 24px var(--sans);transition:transform .3s var(--ease)}
#yi-home details[open] summary::after{transform:rotate(45deg)}
#yi-home details p{color:var(--soft);padding:0 0 18px;margin:0;max-width:760px}
#yi-home .site-form{max-width:680px;display:grid;gap:20px;margin-top:28px}
#yi-home .site-form label{display:grid;gap:6px;font-size:13px;letter-spacing:.06em}
#yi-home .site-form input,#yi-home .site-form textarea{width:100%;background:transparent;color:var(--ink);border:0;border-bottom:1px solid var(--soft);padding:10px 2px;font:inherit;border-radius:0;transition:border-color .3s}
#yi-home .site-form input:focus,#yi-home .site-form textarea:focus{outline:none;border-color:var(--accent)}
#yi-home .site-form textarea{min-height:150px;resize:vertical}
#yi-home .site-form button.solid{justify-self:start}
#yi-home .icon-link{display:inline-flex;align-items:center;gap:8px}
#yi-home .ico{flex:none}
#yi-home .social-row{display:flex;flex-wrap:wrap;gap:12px 20px}

/* 文創商品：首段、會員、地圖 */
#yi-home main:has(#pickup) .inner-page:first-child{padding-bottom:30px}
#yi-home main:has(#pickup) .original-detail>img{box-shadow:0 30px 60px -25px #3a2b1a66,0 0 0 10px #f8f4ea;transform:rotate(-2deg)}
#yi-home .inner-tail{padding-top:30px}
#yi-home .pickup{padding:40px 6.5% 80px;max-width:1280px;margin:0 auto}
#yi-home .member{padding:90px max(6.5%,calc((100% - 1150px)/2));background:var(--c-ink);color:var(--c-bg)}
#yi-home .member .eyebrow{color:#d9b48a}
#yi-home .member p{max-width:640px;opacity:.85}
#yi-home .member .solid{background:#06c755;color:#fff;border-color:#06c755}
#yi-home .member .text-link{color:var(--c-bg)}
#yi-home .member-steps{list-style:none;padding:0;margin:30px 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
#yi-home .member-steps li{border-top:1px solid #ffffff40;padding-top:16px;display:grid;gap:6px}
#yi-home .member-steps b{font:400 30px/1 var(--serif);color:#d9b48a}
#yi-home .member-steps span{font-size:14px}
#yi-home .member-actions{display:flex;flex-wrap:wrap;align-items:center;gap:26px}
#yi-home .map-legend{display:flex;gap:24px;font-size:12px;color:var(--soft);margin:6px 0 18px}
#yi-home .lg{display:inline-flex;align-items:center;gap:8px}
#yi-home .lg i{width:12px;height:12px;border-radius:50%;display:inline-block}
#yi-home .lg-hq i{background:var(--olive)}
#yi-home .lg-partner i{border:2.5px solid var(--clay)}
#yi-home .map-wrap{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:46px;align-items:start}
#yi-home .map-figure{margin:0;position:sticky;top:96px}
#yi-home .pickup-svg{width:100%;height:auto;max-height:76vh;display:block;overflow:visible}
#yi-home .map-grid line{stroke:var(--rule);stroke-width:.6;stroke-dasharray:2 5}
#yi-home .map-grid text{fill:var(--soft);font:9px var(--mono);letter-spacing:.1em}
#yi-home .land{fill:var(--surface);stroke:var(--ink);stroke-width:1.1;stroke-linejoin:round}
#yi-home .cluster circle{fill:none;stroke:var(--ink);stroke-width:1;stroke-dasharray:3 3}
#yi-home .cluster text{fill:var(--ink);font:10px var(--sans)}
#yi-home .leader{stroke:var(--ink);stroke-width:.8;stroke-dasharray:3 4}
#yi-home .lens-bg{fill:var(--bg)}#yi-home .lens-ring{fill:none;stroke:var(--ink);stroke-width:1.2}
#yi-home .lens-grid{stroke:var(--rule);stroke-width:.6}
#yi-home .lens-label{fill:var(--ink);font:400 12px var(--serif);letter-spacing:.3em}
#yi-home .pin{cursor:pointer;outline:none}
#yi-home .pin text{fill:var(--ink);font:12px var(--sans);letter-spacing:.06em;paint-order:stroke;stroke:var(--bg);stroke-width:3px}
#yi-home .pin-dot{fill:var(--olive);stroke:var(--bg);stroke-width:2}
#yi-home .pin-ring{fill:var(--bg);stroke:var(--clay);stroke-width:2.6}
#yi-home .pin-hit{fill:transparent}
#yi-home .pin-pulse{fill:none;stroke-width:1.5;opacity:0;transform-box:fill-box;transform-origin:center}
#yi-home .pin-hq .pin-pulse{stroke:var(--olive)}#yi-home .pin-partner .pin-pulse{stroke:var(--clay)}
#yi-home .pin.is-active .pin-pulse{animation:yi-pulse 1.8s ease-out infinite}
#yi-home .pin.is-active text{font-weight:700}
#yi-home .pin:focus-visible .pin-hit{stroke:var(--olive);stroke-width:2}
@keyframes yi-pulse{0%{opacity:.9;transform:scale(1)}100%{opacity:0;transform:scale(3.2)}}
#yi-home .shop-list{list-style:none;padding:0;margin:0}
#yi-home .shop{border-top:1px solid var(--rule);padding:18px 14px 18px 20px;position:relative;transition:background .3s}
#yi-home .shop::before{content:'';position:absolute;left:0;top:18px;bottom:18px;width:2px;background:transparent;transition:background .3s}
#yi-home .shop.is-active{background:var(--surface)}
#yi-home .shop-hq.is-active::before{background:var(--olive)}#yi-home .shop-partner.is-active::before{background:var(--clay)}
#yi-home .shop h3{margin:6px 0 2px}
#yi-home .shop p{margin:2px 0;font-size:13px;color:var(--soft)}
#yi-home .shop-tag{display:inline-flex;align-items:center;gap:7px;font-size:11px;letter-spacing:.14em;color:var(--soft)}
#yi-home .shop-tag i{width:9px;height:9px;border-radius:50%;display:inline-block}
#yi-home .shop-hq .shop-tag i{background:var(--olive)}#yi-home .shop-partner .shop-tag i{border:2px solid var(--clay)}
#yi-home .shop-links{display:flex;flex-wrap:wrap;gap:6px 20px;margin-top:8px}
#yi-home.js .shop{cursor:pointer}

/* 頁尾 */
#yi-home .site-footer{display:grid;grid-template-columns:1.1fr 1.3fr 1.2fr 1fr;gap:40px;padding:70px 6.5% 50px;background:#050505;color:#bdb9ad;font-size:12px;line-height:1.9;border-top:1px solid #222}
#yi-home .footer-line{font:400 16px/1.7 var(--serif);color:#f1ede3;letter-spacing:.12em;margin-top:18px}
#yi-home .company-details strong{color:#f1ede3;font-weight:500}
#yi-home .company-details a{text-decoration:underline;text-underline-offset:3px}
#yi-home .footer-links{display:flex;flex-direction:column;gap:4px}
#yi-home .footer-links a:hover{color:#fff}
#yi-home .footer-h{font:500 10px var(--mono);letter-spacing:.3em;color:var(--gold);margin-top:10px}
#yi-home .footer-h:first-child{margin-top:0}
#yi-home .footer-social{display:flex;flex-direction:column;gap:22px}
#yi-home .footer-social .social-row{flex-direction:column;gap:8px}
#yi-home .footer-social a:hover{color:#fff}

/* 404 */
#yi-home .not-found{min-height:60vh}

/* ===== 動態（JS 啟用且未要求減少動態） ===== */
#yi-home.motion .rv{opacity:0;transform:translateY(30px);transition:opacity 1s var(--ease) var(--d,0s),transform 1s var(--ease) var(--d,0s)}
#yi-home.motion .rv.in{opacity:1;transform:none}
#yi-home.motion .track-bg{animation:yi-kb 20s var(--ease) both}
#yi-home.motion .lb{animation:yi-lb 1.8s cubic-bezier(.7,0,.2,1) both}
#yi-home.motion .grain{animation:yi-grain .9s steps(6) infinite}
#yi-home.motion .tc i{animation:yi-blink 1.2s steps(2) infinite}
#yi-home.motion .title-card{animation:yi-card 1.3s var(--ease) .5s both}
#yi-home.motion .track-copy{animation:yi-rise 1.2s var(--ease) 1s both}
#yi-home.motion .track-craft .track-copy{animation-delay:1.15s}
#yi-home.motion .craft-still{animation:yi-still 1.6s var(--ease) .7s both}
#yi-home.motion .steam{animation:yi-steam 5s ease-in-out infinite}
#yi-home.motion .s2{animation-delay:1.6s}#yi-home.motion .s3{animation-delay:3.1s}
#yi-home.motion .reel-track{animation:yi-reel 46s linear infinite}
#yi-home.motion .reel-strip:hover .reel-track{animation-play-state:paused}
#yi-home.motion .roll-dup{display:block}
#yi-home.motion .credits-roll .roll{animation:yi-roll 34s linear infinite}
#yi-home.motion .credits-roll:hover .roll,#yi-home.motion .credits-roll:focus .roll{animation-play-state:paused}
@keyframes yi-kb{from{transform:scale(1.15)}to{transform:scale(1)}}
@keyframes yi-lb{0%{height:50%}100%{height:7%}}
@keyframes yi-rise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes yi-card{from{opacity:0;transform:translate(-50%,-44%)}to{opacity:1;transform:translate(-50%,-50%)}}
@keyframes yi-still{from{opacity:0;transform:rotate(9deg) translateY(40px)}to{opacity:1;transform:rotate(3deg)}}
@keyframes yi-steam{0%{opacity:0;transform:translateY(20px) scaleY(.6)}40%{opacity:1}100%{opacity:0;transform:translateY(-60px) scaleY(1.2) skewX(8deg)}}
@keyframes yi-grain{0%{transform:translate(0,0)}20%{transform:translate(-4%,3%)}40%{transform:translate(3%,-5%)}60%{transform:translate(-6%,-2%)}80%{transform:translate(5%,4%)}100%{transform:translate(0,0)}}
@keyframes yi-blink{to{opacity:.15}}
@keyframes yi-reel{to{transform:translateX(-50%)}}
@keyframes yi-roll{to{transform:translateY(-100%)}}

@view-transition{navigation:auto}
::view-transition-old(root){animation:yi-vt-out .3s ease both}
::view-transition-new(root){animation:yi-vt-in .55s var(--ease,ease) both}
@keyframes yi-vt-out{to{opacity:0;filter:brightness(.3)}}
@keyframes yi-vt-in{from{opacity:0;filter:brightness(.3)}}

/* ===== 響應式 ===== */
@media(max-width:1180px){
 #yi-home .site-header{gap:16px}#yi-home .nav-group+.nav-group{padding-left:16px}#yi-home .nav-group{gap:12px}#yi-home .site-header nav{gap:6px 16px}
 #yi-home .nav-group em{display:none}
}
@media(max-width:980px){
 #yi-home .nav-toggle{display:block}
 #yi-home.js .site-header nav{display:none}
 #yi-home .site-header{flex-wrap:wrap}
 #yi-home .site-header nav{order:5;width:100%;flex-direction:column;align-items:stretch;gap:0;margin:0}
 #yi-home.nav-open .site-header nav{display:flex}
 #yi-home .nav-group{flex-wrap:wrap;padding:10px 0;border-top:1px solid var(--rule)}
 #yi-home .nav-group+.nav-group{padding-left:0;border-left:0}
 #yi-home .nav-group em{display:inline;width:60px}
 #yi-home .header-actions{order:4;width:100%;justify-content:space-between}
 #yi-home.js .header-actions{display:none}
 #yi-home.nav-open .header-actions{display:flex;padding:12px 0 4px}
}
@media(max-width:900px){
 #yi-home .hero{flex-direction:column;height:auto;min-height:0}
 #yi-home .title-card{position:relative;left:auto;top:auto;transform:none;width:auto;margin:0;order:-1;background:#0e0f0d;border:0;padding:56px 7% 46px}
 #yi-home.motion .title-card{animation:yi-rise 1.1s var(--ease) .3s both}
 #yi-home .track{flex:none;height:62vh;min-height:420px}
 #yi-home .track-craft{border-left:0;border-top:1px solid #00000030}
 #yi-home .craft-still{width:52%;top:10%;right:9%}
 #yi-home main>section{padding:76px 6.5%}
 #yi-home .work-grid{grid-auto-columns:82%}
 #yi-home .parallel{grid-template-columns:1fr;background:none}
 #yi-home .lane{padding:76px 7%}
 #yi-home .lane-film{background:var(--f-bg)}
 #yi-home .lane-x{margin:-29px auto;box-shadow:0 0 0 8px var(--f-bg)}
 #yi-home .original-feature,#yi-home .credits-sec,#yi-home .craft-band{grid-template-columns:1fr;gap:40px}
 #yi-home .poster-wrap{max-width:300px}
 #yi-home .credits-roll{height:340px}
 #yi-home .site-footer{grid-template-columns:1fr 1fr}
 #yi-home .service-items,#yi-home .process-list{grid-template-columns:1fr}
 #yi-home .team-roster{grid-template-columns:repeat(2,minmax(0,1fr))}
 #yi-home .page-work-list{grid-template-columns:1fr}
 #yi-home .map-wrap{grid-template-columns:1fr;gap:12px}
 #yi-home .map-figure{position:static}
 #yi-home .pickup-svg{max-height:none}
 #yi-home .member-steps{grid-template-columns:1fr;gap:12px}
}
@media(max-width:560px){
 #yi-home{font-size:14px}
 #yi-home .site-header{padding:10px 5%}
 #yi-home .brand-disc{width:42px;height:42px}#yi-home .brand-disc img{width:35px;height:35px}
 #yi-home .logo{font-size:18px}
 #yi-home .track{height:58vh;min-height:380px}
 #yi-home .tea-chips .chip{font-size:11px}
 #yi-home .team-roster{grid-template-columns:1fr}
 #yi-home .original-detail{grid-template-columns:1fr}
 #yi-home .original-detail>img{max-width:220px}
 #yi-home .site-footer{grid-template-columns:1fr}
 #yi-home .roll b{font-size:17px}
 #yi-home .of-comic img{width:110px}
}
@media(prefers-reduced-motion:reduce){
 @view-transition{navigation:none}
 #yi-home *,#yi-home *::before,#yi-home *::after{animation:none!important;transition:none!important}
 #yi-home .grain,#yi-home .steam{display:none}
}

/* ===== v18：統一底色、設計導向、更多互動 ===== */
#yi-home.t-home{--bg:#0d0e0c}
#yi-home.t-home main>section{background:transparent;border-top:1px solid var(--rule)}
#yi-home .showing,#yi-home .craft-band,#yi-home .closing,#yi-home .reel-strip{background:transparent}
#yi-home .craft-band{color:var(--f-ink);--accent:var(--gold);--soft:var(--f-soft);--rule:var(--f-rule);--ink:var(--f-ink);--bg:var(--f-bg)}
#yi-home .member{background:transparent;color:inherit;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
#yi-home .member .eyebrow{color:var(--accent)}
#yi-home .member .text-link{color:inherit}
#yi-home .member-steps li{border-top-color:var(--rule)}
#yi-home .member-steps b{color:var(--accent)}
#yi-home .split .ch{display:inline-block}

/* 首屏：單一畫面、兩種氛圍 */
#yi-home .hero{display:block;height:100svh;min-height:640px;max-height:1000px;margin-top:-79px;background:#000;isolation:isolate}
#yi-home .hero-bg{position:absolute;inset:-4%;width:108%;height:108%;object-fit:cover;filter:brightness(.42) saturate(.75) contrast(1.1);transform:translate3d(var(--px,0),var(--py,0),0) scale(1.02);transition:filter 1.2s var(--ease)}
#yi-home .hero-lens{position:absolute;inset:0;z-index:1;background:url("/assets/sea-1084.jpg") center/cover;filter:brightness(.95) saturate(1.05);-webkit-mask-image:radial-gradient(220px circle at var(--mx,70%) var(--my,45%),#000 0,#0008 45%,transparent 72%);mask-image:radial-gradient(220px circle at var(--mx,70%) var(--my,45%),#000 0,#0008 45%,transparent 72%);opacity:0;transition:opacity .6s}
#yi-home .hero:hover .hero-lens{opacity:1}
#yi-home .hero-tint{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,#0d0e0ccc 0,transparent 30%,transparent 55%,#0d0e0cf2 100%),radial-gradient(90% 70% at 80% 30%,var(--tint,#2c4a5a55),transparent 70%);transition:background 1s var(--ease)}
#yi-home .hero[data-mode=craft] .hero-tint{--tint:#b8873a66}
#yi-home .hero[data-mode=craft] .hero-bg{filter:brightness(.5) sepia(.45) saturate(1.1) contrast(1.05)}
#yi-home .hero .hero-fx{z-index:3}
#yi-home .hero .lb{height:0;transition:height .9s var(--ease)}
#yi-home .hero[data-mode=film] .lb{height:5.5%}
#yi-home .hero .corner{top:auto;bottom:auto}
#yi-home .hero .c1{top:15%;left:4%}#yi-home .hero .c2{top:15%;right:4%}#yi-home .hero .c3{bottom:9%;left:4%}#yi-home .hero .c4{bottom:9%;right:4%}
#yi-home .hero .tc{top:15%;right:calc(4% + 34px);transition:opacity .6s}
#yi-home .hero[data-mode=craft] .tc,#yi-home .hero[data-mode=craft] .corner{opacity:0}
#yi-home .hero-still{position:absolute;z-index:3;right:10%;top:22%;width:min(24vw,300px);aspect-ratio:1;object-fit:cover;box-shadow:0 40px 80px -20px #000c;opacity:0;transform:translateY(40px) rotate(6deg) scale(.92);transition:opacity .9s var(--ease),transform 1.1s var(--ease);pointer-events:none}
#yi-home .hero[data-mode=craft] .hero-still{opacity:1;transform:translateY(0) rotate(2deg)}
#yi-home .hero-vert{position:absolute;z-index:4;right:2.2%;top:50%;transform:translateY(-50%);writing-mode:vertical-rl;font:400 13px var(--serif);letter-spacing:.8em;color:#f1ede399;display:flex;align-items:center;gap:18px}
#yi-home .hero-vert em{font-style:normal;color:var(--rec)}
#yi-home .hero-type{position:absolute;z-index:5;left:7%;top:24%;max-width:760px;color:#f1ede3}
#yi-home .hero-type .eyebrow{color:var(--gold)}
#yi-home .hero-type h1{font-size:clamp(40px,6.4vw,92px);line-height:1.22;letter-spacing:.06em;margin:22px 0 22px}
#yi-home .h-line{display:block;white-space:nowrap}
#yi-home .hero-type p{color:#d9d4c8;font-size:14px;letter-spacing:.08em;max-width:520px}
#yi-home .hero-cta{display:flex;align-items:center;gap:28px;margin-top:30px;flex-wrap:wrap}
#yi-home .hero-type .solid{background:#f1ede3;color:#111;border-color:#f1ede3}
#yi-home .hero-type .quiet{color:#f1ede3}
#yi-home .hero-tracks{position:absolute;z-index:5;left:7%;right:7%;bottom:9%;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #ffffff38;color:#f1ede3}
#yi-home .ht{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"no no go" "name name go" "sub sub go";padding:22px 26px 6px 0;position:relative;transition:padding .5s var(--ease)}
#yi-home .ht+.ht{padding-left:30px;border-left:1px solid #ffffff38}
#yi-home .ht::before{content:'';position:absolute;top:-1px;left:0;height:2px;width:0;transition:width .7s var(--ease)}
#yi-home .ht-film::before{background:var(--rec)}#yi-home .ht-craft::before{background:var(--t-oolong)}
#yi-home .ht+.ht::before{left:-1px}
#yi-home .ht:hover::before,#yi-home .ht:focus-visible::before{width:100%}
#yi-home .ht-no{grid-area:no;font:500 10px var(--mono);letter-spacing:.3em;text-transform:uppercase;opacity:.7}
#yi-home .ht-name{grid-area:name;font:400 clamp(24px,2.6vw,36px)/1.4 var(--serif);letter-spacing:.2em;margin:6px 0 2px}
#yi-home .ht-sub{grid-area:sub;font-size:12px;letter-spacing:.1em;opacity:.75;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
#yi-home .ht-go{grid-area:go;align-self:center;font-size:26px;transition:transform .5s var(--ease)}
#yi-home .ht:hover .ht-go{transform:translateX(10px)}
#yi-home .dot{width:9px;height:9px;border-radius:50%;display:inline-block}
#yi-home .dot-oolong{background:var(--t-oolong)}#yi-home .dot-black{background:var(--t-black)}#yi-home .dot-green{background:var(--t-green)}#yi-home .dot-honey{background:var(--t-honey);margin-right:6px}
#yi-home .scroll-cue{position:absolute;z-index:5;left:50%;bottom:2.4%;transform:translateX(-50%);font:500 9px var(--mono);letter-spacing:.4em;text-transform:uppercase;color:#f1ede399;display:flex;flex-direction:column;align-items:center;gap:8px}
#yi-home .scroll-cue span{width:1px;height:34px;background:linear-gradient(#f1ede3,transparent)}
#yi-home.t-home .site-header{background:transparent;border-bottom-color:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;transition:background .4s,border-color .4s,padding .3s}
#yi-home.t-home.scrolled .site-header{background:color-mix(in srgb,var(--bg) 82%,transparent);border-bottom-color:var(--rule);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}

/* 片名跑馬燈：無底色，上下細線 */
#yi-home .reel-strip{border-bottom:1px solid var(--rule)}
#yi-home .reel-strip::before,#yi-home .reel-strip::after{background:repeating-linear-gradient(90deg,transparent 0 10px,#ffffff1c 10px 18px)}

/* 引言＋數字 */
#yi-home .intro{max-width:none}
#yi-home .intro-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:70px;align-items:end;margin-bottom:26px}
#yi-home .stats{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--rule)}
#yi-home .stats li{padding:22px 16px 0 0;display:grid;gap:4px}
#yi-home .stats b{font:300 clamp(34px,4vw,56px)/1 var(--serif);letter-spacing:.02em;color:var(--ink);font-variant-numeric:tabular-nums}
#yi-home .stats span{font-size:12px;color:var(--soft);letter-spacing:.08em}

/* 精選作品：桌機縱向捲動帶動橫向片帶 */
#yi-home .showing{padding:0!important}
#yi-home .pin-inner{padding:100px 6.5% 60px}
#yi-home .strip-count{font:500 12px var(--mono);letter-spacing:.2em;color:var(--soft);margin-right:12px}
#yi-home .strip-count b{color:var(--ink);font-weight:500}
#yi-home .card-no{font:200 54px/1 var(--serif);color:transparent;-webkit-text-stroke:1px var(--soft);margin-top:18px;letter-spacing:.04em}
#yi-home .reel-card .meta{margin-top:6px}
#yi-home .strip-progress{height:1px;background:var(--rule);margin-top:20px;position:relative}
#yi-home .strip-progress span{position:absolute;left:0;top:-1px;height:3px;width:var(--sp,0%);background:var(--gold);transition:width .2s linear}
#yi-home.pinning .showing .pin-wrap{height:var(--pin-h,250vh)}
#yi-home.pinning .showing .pin-inner{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding-top:90px;padding-bottom:40px}
#yi-home.pinning .showing .work-grid{overflow:visible;scroll-snap-type:none;transform:translate3d(var(--tx,0),0,0);will-change:transform;cursor:default}
#yi-home.pinning .strip-btn{display:none}

/* 服務：滑過顯示預覽 */
#yi-home .svc-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:start;margin-top:10px}
#yi-home .svc-grid p{color:var(--soft);max-width:440px}
#yi-home .svc-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--rule);counter-reset:none}
#yi-home .svc-list li{display:grid;grid-template-columns:52px 1fr auto;align-items:baseline;padding:20px 0;border-bottom:1px solid var(--rule);font:400 clamp(22px,2.4vw,32px)/1.3 var(--serif);letter-spacing:.12em;position:relative;transition:color .4s,padding .5s var(--ease)}
#yi-home .svc-list b{font:500 11px var(--mono);color:var(--rec);letter-spacing:.1em}
#yi-home .svc-list i{font-style:normal;font-size:20px;opacity:0;transform:translateX(-12px);transition:opacity .4s,transform .5s var(--ease)}
#yi-home .svc-list li::after{content:'';position:absolute;left:0;bottom:-1px;height:1px;width:0;background:var(--gold);transition:width .6s var(--ease)}
#yi-home .svc-list li:hover{color:var(--gold);padding-left:14px}
#yi-home .svc-list li:hover::after{width:100%}
#yi-home .svc-list li:hover i{opacity:1;transform:none}
#yi-home .services-sec{position:relative}
#yi-home .svc-preview{position:fixed;left:0;top:0;z-index:40;width:280px;aspect-ratio:16/10;object-fit:cover;pointer-events:none;opacity:0;transform:translate3d(var(--cx,0),var(--cy,0),0) translate(-50%,-50%) scale(.85) rotate(-3deg);transition:opacity .35s,transform .25s var(--ease);box-shadow:0 30px 60px -20px #000}
#yi-home .svc-preview.on{opacity:1;transform:translate3d(var(--cx,0),var(--cy,0),0) translate(-50%,-50%) scale(1) rotate(-3deg)}

/* 茶款切換：只有光暈變色，不另設底色 */
#yi-home .tea-sec{--tea:var(--t-oolong);position:relative;overflow:hidden}
#yi-home .tea-sec[data-tea=black]{--tea:var(--t-black)}#yi-home .tea-sec[data-tea=green]{--tea:var(--t-green)}#yi-home .tea-sec[data-tea=honey]{--tea:var(--t-honey)}
#yi-home .tea-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
#yi-home .tea-copy p{color:var(--soft)}
#yi-home .tea-tabs{display:grid;gap:0;margin:28px 0 22px;border-top:1px solid var(--rule)}
#yi-home .tea-tab{display:grid;grid-template-columns:18px 1fr auto;align-items:center;gap:16px;text-align:left;background:none;border:0;border-bottom:1px solid var(--rule);padding:16px 0;font:400 20px/1.3 var(--serif);letter-spacing:.12em;color:var(--soft);transition:color .4s,padding .5s var(--ease)}
#yi-home .tea-tab i{width:12px;height:12px;border-radius:50%;transition:transform .5s var(--ease)}
#yi-home .tea-tab small{font:500 10px var(--mono);letter-spacing:.3em;text-transform:uppercase}
#yi-home .tea-oolong i{background:var(--t-oolong)}#yi-home .tea-black i{background:var(--t-black)}#yi-home .tea-green i{background:var(--t-green)}#yi-home .tea-honey i{background:var(--t-honey)}
#yi-home .tea-tab:hover,#yi-home .tea-tab[aria-selected=true]{color:var(--ink);padding-left:10px}
#yi-home .tea-tab[aria-selected=true] i{transform:scale(1.6)}
#yi-home .tea-spec{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0 0 26px}
#yi-home .tea-spec dt{font:500 10px var(--mono);letter-spacing:.3em;color:var(--soft)}
#yi-home .tea-spec dd{margin:4px 0 0;font-size:13px}
#yi-home .tea-visual{position:relative;display:grid;place-items:center;min-height:520px}
#yi-home .tea-orb{position:absolute;width:min(90%,520px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--tea) 70%,transparent) 0,color-mix(in srgb,var(--tea) 18%,transparent) 45%,transparent 70%);filter:blur(10px);transition:background 1s var(--ease)}
#yi-home .tea-visual img{position:relative;width:min(62%,340px);aspect-ratio:1;object-fit:cover;box-shadow:0 50px 90px -30px #000;transform:rotate(var(--rot,-3deg)) translateY(var(--ty,0));transition:transform 1s var(--ease)}
#yi-home .tea-big{position:absolute;bottom:4%;right:0;font:300 clamp(60px,9vw,140px)/1 var(--serif);font-style:italic;color:transparent;-webkit-text-stroke:1px color-mix(in srgb,var(--tea) 80%,#fff);letter-spacing:.02em;opacity:.7;transition:opacity .4s}
#yi-home .tea-big.swap{opacity:0}

/* 原創：3D 傾斜海報 */
#yi-home .original-feature{background:radial-gradient(520px circle at var(--mx,30%) var(--my,50%),#c8a86a1a,transparent 70%)}
#yi-home .poster-wrap{transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .5s var(--ease)}

/* 會員帶 */
#yi-home .regions li{display:flex;justify-content:space-between;align-items:baseline}
#yi-home .regions small{font:500 10px var(--mono);letter-spacing:.2em;color:var(--soft)}
#yi-home .regions li::before{border-color:var(--t-honey)}

/* 結尾：巨型跑馬燈 */
#yi-home .closing{display:block!important;padding:90px 0 100px!important;overflow:hidden}
#yi-home .closing-marquee{overflow:hidden;white-space:nowrap;margin-bottom:56px}
#yi-home .closing-marquee div{display:inline-flex;gap:70px}
#yi-home .closing-marquee span{font:300 clamp(64px,11vw,170px)/1.05 var(--serif);letter-spacing:.04em;color:transparent;-webkit-text-stroke:1px #f1ede380}
#yi-home .closing-marquee span:nth-child(even){color:#f1ede3;-webkit-text-stroke:0}
#yi-home .closing-row{display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap;padding:0 6.5%}

/* 自訂游標（僅滑鼠） */
#yi-home .cursor{position:fixed;left:0;top:0;z-index:90;pointer-events:none;width:0;height:0;display:none}
#yi-home .cursor span{position:absolute;left:-7px;top:-7px;width:14px;height:14px;border-radius:50%;border:1px solid #f1ede3;mix-blend-mode:difference;display:grid;place-items:center;font:500 9px var(--mono);letter-spacing:.2em;color:#111;transition:width .35s var(--ease),height .35s var(--ease),left .35s var(--ease),top .35s var(--ease),background .3s}
#yi-home .cursor.link span{left:-22px;top:-22px;width:44px;height:44px;background:#f1ede322}
#yi-home .cursor.label span{left:-38px;top:-38px;width:76px;height:76px;background:#f1ede3;mix-blend-mode:normal;border-color:#f1ede3}
#yi-home .cursor.label span::after{content:attr(data-label)}
@media(hover:hover) and (pointer:fine){#yi-home.has-cursor .cursor{display:block}}

/* 頁面捲動進度（片長進度條） */
#yi-home .progress{position:fixed;left:0;right:0;top:0;height:2px;z-index:60;pointer-events:none}
#yi-home .progress span{display:block;height:100%;width:100%;transform-origin:left;transform:scaleX(var(--prog,0));background:linear-gradient(90deg,var(--rec),var(--gold))}

/* 標題逐字顯現 */
#yi-home.motion .split .ch{opacity:0;transform:translateY(.5em) rotate(4deg);filter:blur(6px);transition:opacity .8s var(--ease),transform .9s var(--ease),filter .8s var(--ease);transition-delay:calc(var(--i,0) * 28ms)}
#yi-home.motion .split.in .ch{opacity:1;transform:none;filter:none}
#yi-home.motion .hero .split .ch{transition-delay:calc(.35s + var(--i,0) * 45ms)}
#yi-home.motion .hero-type>:not(h1){animation:yi-rise 1.2s var(--ease) both;animation-delay:1.1s}
#yi-home.motion .hero-type>.eyebrow{animation-delay:.2s}
#yi-home.motion .hero-tracks{animation:yi-rise 1.2s var(--ease) 1.4s both}
#yi-home.motion .hero-bg{animation:yi-kb2 20s var(--ease) both}
#yi-home.motion .scroll-cue span{animation:yi-cue 2.2s ease-in-out infinite}
#yi-home.motion .closing-marquee div{animation:yi-reel 30s linear infinite}
@keyframes yi-kb2{from{scale:1.18}to{scale:1}}
@keyframes yi-cue{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}

@media(max-width:980px){#yi-home .hero{margin-top:-71px}}
@media(max-width:900px){
 #yi-home .hero{height:auto;min-height:100svh;max-height:none;display:flex;flex-direction:column;justify-content:flex-end;padding:120px 6% 40px}
 #yi-home .hero-type{position:relative;left:auto;top:auto;max-width:none}
 #yi-home .h-line{white-space:normal}
 #yi-home .hero-tracks{position:relative;left:auto;right:auto;bottom:auto;margin-top:46px;grid-template-columns:1fr}
 #yi-home .ht+.ht{padding-left:0;border-left:0;border-top:1px solid #ffffff38}
 #yi-home .hero-vert,#yi-home .scroll-cue,#yi-home .hero-lens{display:none}
 #yi-home .hero-still{width:38vw;top:12%;right:6%}
 #yi-home .hero .c1,#yi-home .hero .c2{top:11%}#yi-home .hero .tc{top:11%}
 #yi-home .intro-grid,#yi-home .svc-grid,#yi-home .tea-grid{grid-template-columns:1fr;gap:36px}
 #yi-home .stats{grid-template-columns:repeat(2,minmax(0,1fr))}
 #yi-home .tea-visual{min-height:380px}
 #yi-home .tea-spec{grid-template-columns:1fr}
 #yi-home .svc-preview{display:none}
}
@media(prefers-reduced-motion:reduce){#yi-home .split .ch{opacity:1!important;transform:none!important;filter:none!important}#yi-home .cursor{display:none!important}}
#yi-home.motion .hero .lb{animation:none}
#yi-home .hero-cta{justify-content:flex-start}
#yi-home.motion .hero-fx .tc i{animation:yi-blink 1.2s steps(2) infinite}
#yi-home .svc-preview:not(.on){visibility:hidden}
#yi-home .lane-links{align-items:center}
/* ===== 內頁統一深色 ===== */
#yi-home.t-film{--olive:#8fa56c;--clay:#cf8350}
#yi-home.t-alt .inner-page>.eyebrow:first-child::before{content:'';display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--t-oolong);margin-right:12px;vertical-align:middle}
#yi-home main:has(#pickup) .original-detail>img{box-shadow:0 40px 80px -30px #000;transform:rotate(-2deg)}
#yi-home .inner-page h1.split{overflow:visible}
#yi-home .shop.is-active{background:#ffffff08}
#yi-home .land{fill:#1a1c17;stroke:#cfc9bb}
#yi-home .lens-bg{fill:#121410}

/* ===================== v19：光圈即茶碗 =====================
   焙茶墨 #16120f／宣紙 #ece3d2／茶湯 #c58b3e／海霧 #7d969c／紅茶蠟筆 #b2493a／茶渣 #a09482 */
#yi-home{--f-bg:#16120f;--f-surface:#1f1915;--f-ink:#ece3d2;--f-soft:#a09482;--f-rule:#3a322a;
  --gold:#c58b3e;--rec:#b2493a;--sea:#7d969c;--mono:var(--sans);
  --t-oolong:#c08a3e;--t-black:#9a3d26;--t-green:#9aa257;--t-honey:#cf7a35}
body{background:#16120f}
#yi-home.t-home,#yi-home.t-film{--bg:#16120f;--surface:#1f1915;--ink:#ece3d2;--soft:#a09482;--rule:#3a322a;--accent:var(--gold)}

/* 去模板化：小標不再全大寫等寬、連結不加箭頭裝飾 */
#yi-home .eyebrow{font:400 14px/1.6 var(--serif);letter-spacing:.08em;text-transform:none;color:var(--gold)}
#yi-home.t-film .inner-page>.eyebrow:first-child::before,#yi-home.t-alt .inner-page>.eyebrow:first-child::before{content:none}
#yi-home.t-film .inner-page:not(.inner-tail)::before{content:none}
#yi-home .meta{font:13px/1.6 var(--sans);letter-spacing:.06em;text-transform:none}
#yi-home .nav-group em{width:20px;height:20px;border-radius:50%;display:inline-grid;place-items:center;font:400 11px/1 var(--serif);letter-spacing:0;color:var(--bg);background:var(--sea)}
#yi-home .nav-craft em{background:var(--gold)}
#yi-home .nav-film em{color:var(--bg)}
#yi-home .footer-h{font:400 13px/1.6 var(--serif);letter-spacing:.1em;text-transform:none;color:var(--gold)}
#yi-home .member-link::before{background:#06c755}
#yi-home .split .ch{opacity:1!important;transform:none!important;filter:none!important}
#yi-home.motion .rv{opacity:1;transform:none;transition:none}
#yi-home .text-link:hover{color:var(--gold)}

/* 共用按鈕／連結（首頁） */
#yi-home .v-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 30px;border-radius:999px;background:var(--ink);color:var(--bg);font-size:14px;letter-spacing:.12em;transition:background .4s,color .4s,box-shadow .4s}
#yi-home .v-btn:hover,#yi-home .v-btn:focus-visible{background:var(--gold);color:#1a120a;box-shadow:0 0 0 6px color-mix(in srgb,var(--gold) 25%,transparent)}
#yi-home .v-link{display:inline-block;font-size:14px;letter-spacing:.1em;padding:6px 0;color:var(--ink);background:linear-gradient(var(--gold),var(--gold)) 0 100%/30% 1px no-repeat,linear-gradient(var(--rule),var(--rule)) 0 100%/100% 1px no-repeat;transition:background-size .5s var(--ease),color .3s}
#yi-home .v-link:hover,#yi-home .v-link:focus-visible{background-size:100% 1px,100% 1px;color:var(--gold)}
#yi-home .v-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px 30px;margin-top:28px}
#yi-home .v-h{font:400 clamp(30px,3.4vw,46px)/1.4 var(--serif);letter-spacing:.12em;margin:0 0 26px}
#yi-home.t-home main>section{border-top:0;padding:clamp(90px,12vw,170px) 7.5%}

/* ===== 首屏：光圈 ===== */
#yi-home.t-home .hero{display:block;height:auto;min-height:0;max-height:none;margin-top:-79px;background:var(--bg);overflow:visible;isolation:isolate}
#yi-home .hero-stage{position:relative;height:100svh;min-height:680px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-rows:1fr auto;align-items:center;padding:110px 5% 46px;overflow:hidden}
#yi-home.iris-scroll .hero{height:190vh}
#yi-home.iris-scroll .hero-stage{position:sticky;top:0}
#yi-home .v-corp{grid-column:1;grid-row:1;justify-self:start;align-self:center;writing-mode:vertical-rl;font:400 14px var(--serif);letter-spacing:.9em;color:var(--soft);margin:0;opacity:calc(1 - var(--open,0)*2)}
#yi-home .iris{--d:min(62vh,46vw,620px);grid-column:2;grid-row:1;position:relative;width:var(--d);height:var(--d);margin:0;z-index:2}
#yi-home .iris-link{position:absolute;inset:0;border-radius:50%;overflow:hidden;display:block;transform:scale(calc(1 + var(--open,0)*var(--grow,2.4)));transition:box-shadow .6s;box-shadow:0 0 0 1px #ece3d21f,0 60px 120px -40px #000}
#yi-home .iris-link:focus-visible{outline:2px solid var(--gold);outline-offset:10px}
#yi-home .iris-sea{position:absolute;inset:-6%;width:112%;height:112%;object-fit:cover;filter:saturate(.8) contrast(1.08) brightness(.9);transform:translate3d(var(--px,0),var(--py,0),0) scale(calc(1.08 - var(--open,0)*.08));transition:filter 1.2s var(--ease)}
#yi-home .iris-tea{position:absolute;inset:0;border-radius:50%;opacity:0;transition:opacity 1.3s var(--ease);
  background:radial-gradient(circle at 46% 42%,#f3c77a 0,#d79a45 18%,#a8642a 46%,#6b3714 74%,#3a1d0b 100%);mix-blend-mode:normal}
#yi-home .iris-tea::before{content:'';position:absolute;inset:0;border-radius:50%;background:repeating-radial-gradient(circle at 50% 50%,transparent 0 22px,#ffffff10 23px,transparent 25px);opacity:.8}
#yi-home .iris-tea::after{content:'';position:absolute;left:20%;top:16%;width:34%;height:18%;border-radius:50%;background:radial-gradient(#fff6e055,transparent 70%);transform:rotate(-24deg)}
#yi-home .hero[data-mode=tea] .iris-tea{opacity:.94}
#yi-home .hero[data-mode=tea] .iris-sea{filter:sepia(.7) saturate(1.3) brightness(.7)}
#yi-home .ripples{position:absolute;inset:0;pointer-events:none}
#yi-home .rip{position:absolute;left:var(--x);top:var(--y);width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;border:1px solid #ece3d2aa;animation:yi-rip 1.6s cubic-bezier(.2,.6,.3,1) forwards}
#yi-home .hero[data-mode=tea] .rip{border-color:#ffe2a8cc}
@keyframes yi-rip{to{transform:scale(14);opacity:0;border-width:.3px}}
#yi-home .iris-ring{position:absolute;inset:-26px;width:calc(100% + 52px);height:calc(100% + 52px);fill:none;pointer-events:none;transform:rotate(calc(var(--open,0)*120deg + var(--spin,0deg)));transition:opacity .5s;opacity:calc(1 - var(--open,0)*2.5)}
#yi-home .iris-ring circle{stroke:#ece3d24d;stroke-width:.35;stroke-dasharray:.6 2.4}
#yi-home .iris-ring .ring-major{stroke:var(--sea);stroke-width:.9;stroke-dasharray:1.2 28.8;transition:stroke 1s}
#yi-home .hero[data-mode=tea] .ring-major{stroke:var(--gold)}
#yi-home .iris-cap{position:absolute;left:50%;top:calc(100% + 36px);transform:translateX(-50%);width:max-content;max-width:90vw;font-size:13px;letter-spacing:.12em;color:var(--soft);text-align:center;opacity:calc(1 - var(--open,0)*3)}
#yi-home .iris-cap [data-cap-tea]{display:none}
#yi-home .hero[data-mode=tea] [data-cap-tea]{display:inline}#yi-home .hero[data-mode=tea] [data-cap-film]{display:none}
#yi-home .v-title{grid-column:3;grid-row:1;justify-self:end;align-self:center;writing-mode:vertical-rl;font:400 clamp(30px,4.4vw,60px)/1.5 var(--serif);letter-spacing:.32em;margin:0;color:var(--ink);opacity:calc(1 - var(--open,0)*2);text-orientation:mixed}
#yi-home .v-modes{grid-column:2;grid-row:2;justify-self:center;display:flex;align-items:center;gap:16px;margin-top:8px;opacity:calc(1 - var(--open,0)*3)}
#yi-home .v-mode{background:none;border:0;padding:6px 4px;font:400 18px var(--serif);letter-spacing:.3em;color:var(--soft);transition:color .4s}
#yi-home .v-mode[aria-pressed=true]{color:var(--ink)}
#yi-home .v-switch{width:54px;height:24px;border-radius:99px;border:1px solid var(--rule);position:relative}
#yi-home .v-switch i{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:var(--sea);transition:transform .6s var(--ease),background .6s}
#yi-home .hero[data-mode=tea] .v-switch i{transform:translateX(30px);background:var(--gold)}
#yi-home .v-lead{grid-column:1/4;grid-row:2;justify-self:start;align-self:end;max-width:340px;opacity:calc(1 - var(--open,0)*3)}
#yi-home .v-lead p{font-size:13px;line-height:1.9;color:var(--soft);margin:0 0 18px}
#yi-home .hero-cta{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;margin:0}
#yi-home.motion .iris-link{animation:yi-iris-in 1.8s cubic-bezier(.7,0,.2,1) both}
#yi-home.motion .iris-ring{animation:yi-fade 1.4s ease 1.1s both}
#yi-home.motion .v-title{animation:yi-type 1.6s var(--ease) .9s both}
@keyframes yi-iris-in{from{clip-path:circle(0% at 50% 50%)}to{clip-path:circle(50% at 50% 50%)}}
@keyframes yi-fade{from{opacity:0}}
@keyframes yi-type{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0 0)}}
#yi-home .hero .lb,#yi-home .hero .hero-fx,#yi-home .hero .scroll-cue{display:none}

/* ===== 引言 ===== */
#yi-home .v-intro{max-width:1100px}
#yi-home .v-statement{font:400 clamp(22px,2.6vw,34px)/1.9 var(--serif);letter-spacing:.08em;margin:0 0 30px;max-width:30em;text-wrap:pretty}

/* ===== 作品：片單＋放映窗 ===== */
#yi-home .v-works .work-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);gap:6vw;align-items:center;overflow:visible;grid-auto-flow:row;grid-auto-columns:auto;padding:0;cursor:auto;scroll-snap-type:none;margin-bottom:40px}
#yi-home .v-list{list-style:none;margin:0;padding:0}
#yi-home .v-item{display:grid;gap:4px;padding:22px 0 22px 0;border-bottom:1px solid var(--rule);position:relative;transition:padding .6s var(--ease)}
#yi-home .v-list li:first-child .v-item{border-top:1px solid var(--rule)}
#yi-home .v-kind{font-size:12px;letter-spacing:.1em;color:var(--sea)}
#yi-home .v-name{font:400 clamp(20px,2vw,27px)/1.45 var(--serif);letter-spacing:.1em;transition:color .4s}
#yi-home .v-desc{font-size:13px;color:var(--soft);max-height:0;overflow:hidden;opacity:0;transition:max-height .6s var(--ease),opacity .5s}
#yi-home .v-item::before{content:'';position:absolute;left:0;top:50%;width:9px;height:9px;margin-top:-4px;border-radius:50%;background:var(--gold);transform:scale(0);transition:transform .5s var(--ease)}
#yi-home .v-item.is-on,#yi-home .v-item:focus-visible{padding-left:28px}
#yi-home .v-item.is-on::before,#yi-home .v-item:focus-visible::before{transform:scale(1)}
#yi-home .v-item.is-on .v-name{color:var(--gold)}
#yi-home .v-item.is-on .v-desc{max-height:60px;opacity:1}
#yi-home .v-thumb{display:none}
#yi-home .v-screen{position:relative;margin:0;aspect-ratio:16/10;background:#0c0a08;overflow:hidden;border-radius:4px;box-shadow:0 50px 100px -40px #000}
#yi-home .v-shot{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;clip-path:circle(0% at var(--cx,50%) var(--cy,50%));transition:clip-path 1s cubic-bezier(.7,0,.2,1)}
#yi-home .v-shot.fit-contain{object-fit:contain}
#yi-home .v-shot.is-on{clip-path:circle(150% at var(--cx,50%) var(--cy,50%))}
#yi-home .v-shot.is-under{clip-path:circle(150% at 50% 50%);transition:none}
#yi-home .v-screen-cap{position:absolute;left:20px;bottom:16px;font:400 14px var(--serif);letter-spacing:.12em;color:#ece3d2;text-shadow:0 1px 12px #000}

/* ===== 兩種實踐 ===== */
#yi-home .v-practice{display:grid;grid-template-columns:1fr 1fr;gap:8vw}
#yi-home .v-col p{color:var(--soft);max-width:30em}
#yi-home .v-svc{list-style:none;margin:30px 0 34px;padding:0;display:flex;flex-wrap:wrap;gap:6px 0;font:400 clamp(19px,1.8vw,24px)/1.7 var(--serif);letter-spacing:.1em}
#yi-home .v-svc li:not(:last-child)::after{content:'／';color:var(--rule);margin:0 .35em}
#yi-home .v-svc a{background:linear-gradient(var(--sea),var(--sea)) 0 100%/0 1px no-repeat;transition:background-size .5s var(--ease),color .3s}
#yi-home .v-svc a:hover,#yi-home .v-svc a:focus-visible{background-size:100% 1px;color:var(--sea)}
#yi-home .cups{display:flex;flex-wrap:wrap;gap:22px;margin:34px 0 10px}
#yi-home .cup{background:none;border:0;padding:0;display:grid;justify-items:center;gap:12px;color:var(--soft);width:92px}
#yi-home .cup-liquor{width:76px;height:76px;border-radius:50%;position:relative;box-shadow:0 0 0 7px #ece3d2,0 0 0 8px #00000040,0 18px 30px -10px #000;transition:transform .6s var(--ease),box-shadow .6s}
#yi-home .cup-liquor::after{content:'';position:absolute;left:18%;top:14%;width:36%;height:22%;border-radius:50%;background:radial-gradient(#ffffff70,transparent 70%);transform:rotate(-28deg)}
#yi-home .cup-oolong .cup-liquor{background:radial-gradient(circle at 45% 40%,#f0c372,#c08a3e 55%,#7a4f1c)}
#yi-home .cup-black .cup-liquor{background:radial-gradient(circle at 45% 40%,#d9714a,#9a3d26 55%,#4e1a0d)}
#yi-home .cup-green .cup-liquor{background:radial-gradient(circle at 45% 40%,#e6e29a,#b2b35f 55%,#6c6c2a)}
#yi-home .cup-honey .cup-liquor{background:radial-gradient(circle at 45% 40%,#f6b56b,#cf7a35 55%,#7d3e14)}
#yi-home .cup-name{font:400 13px/1.5 var(--serif);letter-spacing:.06em;text-align:center;transition:color .4s}
#yi-home .cup:hover .cup-liquor{transform:translateY(-4px)}
#yi-home .cup[aria-pressed=true] .cup-liquor{transform:scale(1.12);box-shadow:0 0 0 7px #ece3d2,0 0 0 9px var(--gold),0 24px 40px -12px #000}
#yi-home .cup[aria-pressed=true] .cup-name{color:var(--ink)}
#yi-home .cup-liquor .rip{border-color:#fff8;animation-duration:1.2s}
#yi-home .cup-now{font:400 20px var(--serif);letter-spacing:.14em;color:var(--ink)!important;margin:14px 0 0}

/* ===== 原創 ===== */
#yi-home .v-original{display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:7vw;align-items:center}
#yi-home .v-poster{display:block;position:relative;overflow:hidden;border-radius:4px;box-shadow:0 60px 120px -50px #000}
#yi-home .v-poster img{display:block;width:100%;height:auto;transition:transform 1.4s var(--ease),filter 1s}
#yi-home .v-poster:hover img{transform:scale(1.04);filter:brightness(1.08)}
#yi-home .v-orig-copy{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"t en" "t p" "t c" "t cm";column-gap:48px;align-items:start}
#yi-home .v-orig-title{grid-area:t;writing-mode:vertical-rl;font:400 clamp(56px,6.4vw,96px)/1 var(--serif);letter-spacing:.24em;margin:0;color:var(--ink)}
#yi-home .v-orig-en{grid-area:en;color:var(--gold)!important;font:400 15px var(--serif);letter-spacing:.14em;margin:6px 0 18px}
#yi-home .v-orig-copy>p:not(.v-orig-en):not(.v-credit){grid-area:p;color:var(--soft);max-width:26em;margin:0}
#yi-home .v-credit{grid-area:c;font-size:13px;letter-spacing:.14em;color:var(--soft);margin:18px 0 34px}
#yi-home .v-comic{grid-area:cm;display:flex;align-items:center;gap:18px;max-width:420px}
#yi-home .v-comic img{width:84px;height:84px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 1px var(--rule);transition:transform .8s var(--ease)}
#yi-home .v-comic span{font-size:14px;letter-spacing:.06em;background:linear-gradient(var(--gold),var(--gold)) 0 100%/0 1px no-repeat;transition:background-size .5s var(--ease)}
#yi-home .v-comic:hover img{transform:rotate(-8deg) scale(1.06)}
#yi-home .v-comic:hover span{background-size:100% 1px}

/* ===== 印樣 ===== */
#yi-home .v-sheet{position:relative}
#yi-home .v-sheet-note{color:var(--soft);margin:-10px 0 40px}
#yi-home .sheet{list-style:none;margin:0;padding:28px 26px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 26px;background:#0f0c0a;border-radius:4px;position:relative;box-shadow:inset 0 0 0 1px #ffffff0d}
#yi-home .sheet::before,#yi-home .sheet::after{content:'';position:absolute;left:26px;right:26px;height:8px;background:repeating-linear-gradient(90deg,#2a2420 0 12px,transparent 12px 22px);border-radius:2px}
#yi-home .sheet::before{top:9px}#yi-home .sheet::after{bottom:9px}
#yi-home .frame-cell{display:grid;gap:6px;position:relative;padding:10px 0 4px}
#yi-home .frame-img{display:block;aspect-ratio:3/2;overflow:hidden;background:#000;border-radius:2px}
#yi-home .frame-img img{width:100%;height:100%;object-fit:cover;filter:grayscale(.55) contrast(1.05) brightness(.8);transition:filter .8s var(--ease),transform 1.2s var(--ease)}
#yi-home .frame-title{font:400 19px/1.4 var(--serif);letter-spacing:.14em;margin-top:8px}
#yi-home .frame-note{font-size:12px;color:var(--soft);letter-spacing:.06em}
#yi-home .pencil{position:absolute;left:-6%;top:-10%;width:112%;height:96%;pointer-events:none;overflow:visible}
#yi-home .pencil path{fill:none;stroke:var(--rec);stroke-width:3.2;stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .9s cubic-bezier(.6,0,.3,1)}
#yi-home .frame-cell:hover .frame-img img,#yi-home .frame-cell:focus-visible .frame-img img{filter:none;transform:scale(1.05)}
#yi-home .frame-cell:hover .pencil path,#yi-home .frame-cell:focus-visible .pencil path{stroke-dashoffset:0}
#yi-home .frame-cell:hover .frame-title,#yi-home .frame-cell:focus-visible .frame-title{color:var(--gold)}
#yi-home .frame-cell:focus-visible{outline:none}

/* ===== 團隊 ===== */
#yi-home .v-team{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:7vw;align-items:start}
#yi-home .v-team p{color:var(--soft);max-width:28em}
#yi-home .v-names{list-style:none;margin:0;padding:0;columns:2;column-gap:40px}
#yi-home .v-names li{break-inside:avoid;padding:12px 0;border-bottom:1px solid var(--rule);font:400 21px/1.4 var(--serif);letter-spacing:.14em;display:grid;gap:2px}
#yi-home .v-names span{font:400 12px var(--sans);letter-spacing:.08em;color:var(--soft)}

/* ===== 會員＋取貨 ===== */
#yi-home .v-member{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7vw;align-items:center}
#yi-home .v-member p{color:var(--soft);max-width:28em}
#yi-home .v-shops{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:14px}
#yi-home .v-shops a{display:grid;place-items:center;align-content:center;width:120px;height:120px;border-radius:50%;border:1px solid var(--rule);font:400 15px/1.4 var(--serif);letter-spacing:.1em;text-align:center;transition:border-color .5s,background .5s,transform .6s var(--ease)}
#yi-home .v-shops small{font:400 11px var(--sans);letter-spacing:.06em;color:var(--soft);margin-top:4px}
#yi-home .v-shops li:first-child a{border-color:var(--sea);background:color-mix(in srgb,var(--sea) 14%,transparent)}
#yi-home .v-shops a:hover,#yi-home .v-shops a:focus-visible{border-color:var(--gold);transform:translateY(-6px)}

/* ===== 洽詢 ===== */
#yi-home .v-close{text-align:left}
#yi-home .v-close-h{font:400 clamp(38px,6vw,84px)/1.35 var(--serif);letter-spacing:.1em;margin:0 0 24px}
#yi-home .v-close p{color:var(--soft)}
#yi-home .aeo-badge{border-top:1px solid var(--rule)}

/* ===== 響應式 ===== */
@media(max-width:900px){
 #yi-home.iris-scroll .hero{height:auto}
 #yi-home.iris-scroll .hero-stage{position:relative}
 #yi-home .hero-stage{height:auto;min-height:100svh;grid-template-columns:1fr auto;grid-template-rows:auto auto auto auto;padding:110px 6% 50px;row-gap:26px}
 #yi-home .v-corp{display:none}
 #yi-home .iris{--d:min(78vw,420px);grid-column:1/3;grid-row:1;justify-self:center}
 #yi-home .iris-cap{position:static;transform:none;width:auto;margin-top:46px;font-size:12px}
 #yi-home .v-title{grid-column:1/3;grid-row:2;writing-mode:horizontal-tb;justify-self:start;font-size:clamp(28px,8vw,40px);letter-spacing:.12em;margin-top:40px}
 #yi-home .v-modes{grid-column:1/3;grid-row:3;justify-self:start}
 #yi-home .v-lead{grid-column:1/3;grid-row:4;max-width:none}
 #yi-home .v-works .work-grid{grid-template-columns:1fr}
 #yi-home .v-screen{display:none}
 #yi-home .v-thumb{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:3px;margin-bottom:12px}
 #yi-home .v-desc{max-height:none;opacity:1}
 #yi-home .v-item.is-on,#yi-home .v-item:focus-visible{padding-left:0}
 #yi-home .v-item::before{display:none}
 #yi-home .v-practice,#yi-home .v-original,#yi-home .v-team,#yi-home .v-member{grid-template-columns:1fr;gap:60px}
 #yi-home .v-poster{max-width:320px}
 #yi-home .sheet{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 16px;padding:26px 14px}
 #yi-home .sheet::before,#yi-home .sheet::after{left:14px;right:14px}
 #yi-home .v-names{columns:1}
 #yi-home .v-shops a{width:100px;height:100px;font-size:14px}
}
@media(max-width:560px){
 #yi-home .v-orig-copy{column-gap:22px}
 #yi-home .v-orig-title{font-size:48px}
 #yi-home .cups{gap:14px}#yi-home .cup{width:72px}#yi-home .cup-liquor{width:58px;height:58px}
}
@media(prefers-reduced-motion:reduce){#yi-home .v-shot{transition:none}#yi-home .rip{display:none}}
@media(max-width:900px){#yi-home.t-home .hero{display:block;padding:0;min-height:0;height:auto;justify-content:normal}}
#yi-home .cup-liquor{overflow:hidden}
#yi-home .iris-sea{max-width:none}
#yi-home .v-title{font-size:clamp(26px,3.4vw,50px);letter-spacing:.16em;line-height:1.7}
#yi-home .cup-name{white-space:nowrap;font-size:12px}
#yi-home .cup{width:auto;min-width:80px}

/* ===================== v20：放映室膠卷 =====================
   放映室 #1a100e／銀幕白 #f3ead8／暗房紅燈 #c23b2b／黃銅 #b8925a／膠片 #0c0606／字幕灰 #b3a38c */
#yi-home{--f-bg:#1a100e;--f-surface:#241614;--f-ink:#f3ead8;--f-soft:#b3a38c;--f-rule:#3d2a26;--gold:#b8925a;--rec:#c23b2b;--sea:#b8925a;--film:#0c0606}
body{background:#1a100e}
#yi-home.t-home,#yi-home.t-film{--bg:#1a100e;--surface:#241614;--ink:#f3ead8;--soft:#b3a38c;--rule:#3d2a26;--accent:var(--gold)}
#yi-home .nav-film em{background:var(--rec);color:#f3ead8}
#yi-home .nav-craft em{background:var(--gold);color:#1a100e}

#yi-home .b-h{font:600 clamp(32px,3.8vw,54px)/1.3 var(--serif);letter-spacing:.06em;margin:0 0 22px}
#yi-home .b-h3{font:600 20px/1.5 var(--serif);letter-spacing:.1em;margin:0 0 14px;color:var(--gold)}
#yi-home .int-kicker{font:400 15px var(--serif);letter-spacing:.2em;color:var(--rec);margin:0 0 10px}
#yi-home .b-btn{display:inline-flex;align-items:center;padding:14px 28px;background:var(--rec);color:#f3ead8;font-size:14px;letter-spacing:.14em;transition:background .35s,box-shadow .35s}
#yi-home .b-btn:hover,#yi-home .b-btn:focus-visible{background:#d9483a;box-shadow:0 0 30px -4px #c23b2b99}
#yi-home .b-line{background:#06c755}#yi-home .b-line:hover{background:#05b04b;box-shadow:0 0 30px -6px #06c75599}
#yi-home .b-ghost{display:inline-flex;align-items:center;padding:13px 26px;border:1px solid #f3ead8aa;color:#f3ead8;font-size:14px;letter-spacing:.14em;transition:border-color .3s,color .3s}
#yi-home .b-ghost:hover,#yi-home .b-ghost:focus-visible{border-color:var(--gold);color:var(--gold)}
#yi-home .b-link{display:inline-block;font-size:14px;letter-spacing:.1em;padding:6px 0;border-bottom:1px solid var(--gold);color:var(--ink);transition:color .3s,letter-spacing .4s var(--ease)}
#yi-home .b-link:hover,#yi-home .b-link:focus-visible{color:var(--gold);letter-spacing:.16em}
#yi-home .b-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px;margin-top:26px}
#yi-home.t-home main>section{padding:clamp(90px,11vw,150px) 6%}

/* ===== 首屏：銀幕＋膠卷 ===== */
#yi-home.t-home .hero[data-cinema]{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,380px);grid-template-areas:"now now" "screen screen" "title side" "reel reel";column-gap:5%;margin-top:-79px;padding:100px 4.2% 0;height:auto;min-height:100svh;max-height:none;background:radial-gradient(70% 50% at 50% 30%,#3a1714 0,transparent 70%),var(--bg);overflow:hidden;position:relative}
#yi-home .now-showing{grid-area:now;display:flex;align-items:center;gap:12px;font-size:13px;letter-spacing:.12em;color:var(--soft);margin:0 0 14px;flex-wrap:wrap}
#yi-home .now-showing i{width:8px;height:8px;border-radius:50%;background:var(--rec);box-shadow:0 0 12px var(--rec)}
#yi-home .now-showing span{color:var(--gold)}
#yi-home .now-showing em{font-style:normal}
#yi-home .now-showing strong{font:600 15px var(--serif);color:var(--ink);letter-spacing:.1em}
#yi-home .screen{grid-area:screen;position:relative;display:block;aspect-ratio:2.39/1;max-height:58vh;width:100%;overflow:hidden;background:#000;box-shadow:0 0 140px -20px #c23b2b40,0 0 0 1px #f3ead812}
#yi-home .scr-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;filter:brightness(.82) contrast(1.08) sepia(.12);transition:opacity .7s ease}
#yi-home .scr-img.is-on{opacity:1}
#yi-home .scr-img.fit-poster{object-fit:contain;background:#000}
#yi-home .screen::after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 55%,#1a100ecc 100%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E")}
#yi-home .scr-tea{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:10px;background:radial-gradient(circle at 50% 45%,#d9a25a,#9a5e22 55%,#3d200b);opacity:0;transition:opacity .7s}
#yi-home .scr-tea b{font:600 clamp(34px,5vw,72px) var(--serif);letter-spacing:.3em;color:#f8eedc}
#yi-home .scr-tea small{font-size:14px;letter-spacing:.2em;color:#f8eedccc}
#yi-home .screen.is-tea .scr-tea{opacity:1}
#yi-home .scr-enter{position:absolute;right:20px;bottom:18px;z-index:2;font-size:13px;letter-spacing:.14em;color:#f3ead8;padding:8px 14px;border:1px solid #f3ead866;background:#0c060699;opacity:0;transform:translateY(6px);transition:opacity .4s,transform .4s var(--ease)}
#yi-home .screen:hover .scr-enter,#yi-home .screen:focus-visible .scr-enter{opacity:1;transform:none}
#yi-home .screen:focus-visible{outline:2px solid var(--gold);outline-offset:6px}
#yi-home .screen.flicker{animation:yi-flicker .5s steps(5)}
@keyframes yi-flicker{0%{filter:brightness(1.6)}20%{filter:brightness(.5)}40%{filter:brightness(1.3)}60%{filter:brightness(.8)}100%{filter:none}}
#yi-home .cine-title{grid-area:title;font:700 clamp(46px,7.4vw,112px)/1.05 var(--serif);letter-spacing:.02em;margin:-.42em 0 0;position:relative;z-index:3;text-shadow:0 12px 50px #000;color:#f3ead8}
#yi-home .cine-title span{display:block;font-weight:400;font-size:.36em;letter-spacing:.24em;margin-top:.7em;color:var(--soft);text-shadow:none}
#yi-home .cine-side{grid-area:side;align-self:end;padding-bottom:6px}
#yi-home .cine-side p{font-size:14px;line-height:1.95;color:var(--soft);margin:0 0 18px}
#yi-home .hero-cta{display:flex;flex-wrap:wrap;gap:12px 14px;margin:0;justify-content:flex-start}
#yi-home .reel{grid-area:reel;position:relative;margin:34px -6% 0;padding-bottom:30px}
#yi-home .reel-hint{text-align:right;font-size:12px;letter-spacing:.12em;color:var(--gold);margin:0 6% 10px}
#yi-home .film-track{list-style:none;margin:0;display:flex;gap:14px;padding:24px 40px;background:var(--film);transform:rotate(-1.2deg);overflow-x:auto;scrollbar-width:none;cursor:grab;position:relative;touch-action:pan-x}
#yi-home .film-track::-webkit-scrollbar{display:none}
#yi-home .reel.dragging .film-track{cursor:grabbing}
#yi-home .reel::before,#yi-home .reel::after{content:'';position:absolute;left:0;right:0;height:9px;z-index:2;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0 12px,#3a2522 12px 26px);transform:rotate(-1.2deg)}
#yi-home .reel::before{top:calc(1.6em + 18px)}#yi-home .reel::after{bottom:36px}
#yi-home .film-track li{flex:none}
#yi-home .fr{position:relative;display:block;width:210px;aspect-ratio:16/9;padding:0;border:0;background:#000;overflow:hidden;cursor:inherit;outline-offset:3px}
#yi-home .fr img{width:100%;height:100%;object-fit:cover;filter:sepia(.35) brightness(.7);transition:filter .5s,transform .8s var(--ease);pointer-events:none}
#yi-home .fr-cap{position:absolute;left:8px;right:8px;bottom:6px;font-size:11px;letter-spacing:.06em;color:#f3ead8;text-align:left;text-shadow:0 1px 6px #000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#yi-home .fr-tea{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;background:var(--gold);color:#1a100e}
#yi-home .fr-tea b{font:600 18px var(--serif);letter-spacing:.24em}
#yi-home .fr-tea small{font-size:11px;letter-spacing:.2em}
#yi-home .fr-int .fr-cap{color:#1a100e;text-shadow:none;opacity:0}
#yi-home .fr:hover img,#yi-home .fr:focus-visible img,#yi-home .fr.is-on img{filter:none;transform:scale(1.06)}
#yi-home .fr.is-on{box-shadow:0 0 0 2px var(--rec),0 0 24px -2px #c23b2b99}
/* 片頭倒數（首次進站一次） */
#yi-home .hero>.leader{position:fixed;inset:0;z-index:200;display:none;place-items:center;background:#0c0606;color:#f3ead8;pointer-events:none}
#yi-home .hero>.leader.on{display:grid;animation:yi-leader-out .5s ease 1.9s forwards}
#yi-home .leader b{font:700 120px/1 var(--serif);position:relative;z-index:2}
#yi-home .leader-ring{position:absolute;width:260px;height:260px;border-radius:50%;border:2px solid #f3ead880;background:conic-gradient(#f3ead826 var(--sweep,0deg),transparent 0)}
#yi-home .leader::before,#yi-home .leader::after{content:'';position:absolute;background:#f3ead840}
#yi-home .leader::before{width:1px;height:100%}#yi-home .leader::after{height:1px;width:100%}
@keyframes yi-leader-out{to{opacity:0;visibility:hidden}}

/* ===== 本期片單 ===== */
#yi-home .pg-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,420px);gap:40px;align-items:end;margin-bottom:40px}
#yi-home .pg-head p{color:var(--soft);margin:0}
#yi-home .program .work-grid{display:block;overflow:visible;padding:0;cursor:auto;scroll-snap-type:none;margin-bottom:34px}
#yi-home .pg-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--rule)}
#yi-home .pg-row{display:grid;grid-template-columns:0 150px minmax(0,1fr) minmax(0,1.1fr) auto;align-items:center;gap:0 26px;padding:26px 0;border-bottom:1px solid var(--rule);transition:grid-template-columns .7s var(--ease),background .5s}
#yi-home .pg-img{overflow:hidden;aspect-ratio:2.39/1;background:#000;grid-column:1}
#yi-home .pg-img img{width:100%;height:100%;object-fit:cover;display:block}
#yi-home .pg-kind{grid-column:2;font-size:13px;letter-spacing:.1em;color:var(--gold)}
#yi-home .pg-title{grid-column:3;font:600 clamp(20px,2.2vw,30px)/1.35 var(--serif);letter-spacing:.06em}
#yi-home .pg-desc{grid-column:4;font-size:13px;color:var(--soft)}
#yi-home .pg-go{grid-column:5;font-size:13px;letter-spacing:.12em;color:var(--soft);transition:color .3s}
#yi-home .pg-row:hover,#yi-home .pg-row:focus-visible{grid-template-columns:260px 150px minmax(0,1fr) minmax(0,1.1fr) auto;background:linear-gradient(90deg,#c23b2b14,transparent 70%)}
#yi-home .pg-row:hover .pg-go,#yi-home .pg-row:focus-visible .pg-go{color:var(--rec)}

/* ===== 製作 ===== */
#yi-home .making{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8vw;border-top:1px solid var(--rule)}
#yi-home .making p{color:var(--soft);max-width:30em}
#yi-home .svc-inline{list-style:none;margin:28px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
#yi-home .svc-inline li{padding:8px 16px;border:1px solid var(--rule);border-radius:99px;font:400 16px var(--serif);letter-spacing:.08em;transition:border-color .3s,color .3s}
#yi-home .svc-inline li:hover{border-color:var(--gold);color:var(--gold)}
#yi-home .steps{list-style:none;margin:0 0 26px;padding:0;counter-reset:st}
#yi-home .steps li{counter-increment:st;display:grid;grid-template-columns:44px 140px 1fr;align-items:baseline;padding:14px 0;border-bottom:1px solid var(--rule)}
#yi-home .steps li::before{content:counter(st);font:600 22px var(--serif);color:var(--rec)}
#yi-home .steps b{font:600 17px var(--serif);letter-spacing:.08em;font-weight:600}
#yi-home .steps span{font-size:13px;color:var(--soft)}

/* ===== 中場休息 ===== */
#yi-home .intermission{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:7vw;align-items:center;border-top:1px solid var(--gold);border-bottom:1px solid var(--gold);position:relative}
#yi-home .intermission .int-kicker{color:var(--gold)}
#yi-home .intermission p{color:var(--soft);max-width:30em}
#yi-home .int-box{margin:0;justify-self:center;position:relative}
#yi-home .int-box img{width:min(100%,380px);aspect-ratio:1;object-fit:cover;display:block;box-shadow:0 50px 100px -30px #000,0 0 120px -20px #b8925a55;transform:rotate(-2deg);transition:transform 1s var(--ease)}
#yi-home .int-box:hover img{transform:rotate(0) scale(1.02)}
#yi-home .cup-liquor{box-shadow:0 0 0 7px #f3ead8,0 0 0 8px #00000040,0 18px 30px -10px #000}
#yi-home .cup[aria-pressed=true] .cup-liquor{box-shadow:0 0 0 7px #f3ead8,0 0 0 9px var(--gold),0 24px 40px -12px #000}

/* ===== 首映燈箱 ===== */
#yi-home .premiere{display:grid;grid-template-columns:minmax(0,380px) minmax(0,1fr);gap:7vw;align-items:center}
#yi-home .lightbox{position:relative;display:block;padding:22px;border:1px solid var(--rule)}
#yi-home .lightbox img{display:block;width:100%;height:auto;box-shadow:0 0 60px -10px #f3ead833}
#yi-home .bulbs{position:absolute;inset:6px;pointer-events:none;--b:#b8925a66;background:
  radial-gradient(circle,var(--b) 2px,transparent 3px) 0 0/18px 18px repeat-x,
  radial-gradient(circle,var(--b) 2px,transparent 3px) 0 100%/18px 18px repeat-x,
  radial-gradient(circle,var(--b) 2px,transparent 3px) 0 0/18px 18px repeat-y,
  radial-gradient(circle,var(--b) 2px,transparent 3px) 100% 0/18px 18px repeat-y;transition:filter .4s}
#yi-home .lightbox:hover .bulbs,#yi-home .lightbox:focus-visible .bulbs{--b:#ffd98a;filter:drop-shadow(0 0 4px #ffcf70);animation:yi-chase .6s steps(2) infinite}
@keyframes yi-chase{50%{background-position:9px 0,9px 100%,0 9px,100% 9px}}
#yi-home .pr-copy p{color:var(--soft);max-width:30em}
#yi-home .pr-credit{font-size:13px;letter-spacing:.14em}

/* ===== 片尾名單 ===== */
#yi-home .end-credits{text-align:center;border-top:1px solid var(--rule)}
#yi-home .ec-note{color:var(--soft);max-width:32em;margin:0 auto 40px}
#yi-home .credits{list-style:none;margin:0 auto 40px;padding:0;max-width:640px}
#yi-home .credits li{display:grid;grid-template-columns:1fr 1fr;gap:34px;padding:9px 0;align-items:baseline}
#yi-home .cr-role{text-align:right;font-size:13px;letter-spacing:.14em;color:var(--soft)}
#yi-home .cr-name{text-align:left;font:600 21px var(--serif);letter-spacing:.14em}

/* ===== 票根 ===== */
#yi-home .ticket{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);border:1px solid var(--gold);position:relative}
#yi-home .tk-main{padding:50px 5%}
#yi-home .tk-main p{color:var(--soft);max-width:28em}
#yi-home .tk-stub{padding:50px 5%;border-left:2px dashed var(--gold);position:relative}
#yi-home .tk-stub::before,#yi-home .tk-stub::after{content:'';position:absolute;left:-15px;width:28px;height:28px;border-radius:50%;background:var(--bg);border:1px solid var(--gold)}
#yi-home .tk-stub::before{top:-15px;clip-path:inset(50% 0 0 0)}#yi-home .tk-stub::after{bottom:-15px;clip-path:inset(0 0 50% 0)}
#yi-home .tk-shops{list-style:none;margin:0 0 22px;padding:0}
#yi-home .tk-shops a{display:grid;grid-template-columns:96px 1fr auto;gap:12px;align-items:baseline;padding:10px 0;border-bottom:1px solid var(--rule);transition:color .3s,padding .4s var(--ease)}
#yi-home .tk-shops span{font-size:12px;letter-spacing:.08em;color:var(--gold)}
#yi-home .tk-shops b{font:600 16px var(--serif);letter-spacing:.06em}
#yi-home .tk-shops small{font-size:11px;color:var(--soft)}
#yi-home .tk-shops a:hover,#yi-home .tk-shops a:focus-visible{padding-left:8px;color:var(--gold)}

/* ===== 散場 ===== */
#yi-home .lights-up{text-align:center;border-top:1px solid var(--rule);background:radial-gradient(60% 80% at 50% 100%,#c23b2b22,transparent 70%)}
#yi-home .lu-h{font:700 clamp(40px,6.4vw,92px)/1.25 var(--serif);letter-spacing:.04em;margin:0 0 20px}
#yi-home .lights-up p{color:var(--soft)}
#yi-home .lights-up .b-actions{justify-content:center}

@media(max-width:900px){
 #yi-home.t-home .hero[data-cinema]{grid-template-columns:1fr;grid-template-areas:"now" "screen" "title" "side" "reel";padding:96px 5% 0}
 #yi-home .screen{aspect-ratio:16/10;max-height:none}
 #yi-home .cine-title{margin-top:-.38em;font-size:clamp(40px,11vw,64px)}
 #yi-home .cine-side{padding-top:18px}
 #yi-home .fr{width:150px}
 #yi-home .pg-head,#yi-home .making,#yi-home .intermission,#yi-home .premiere,#yi-home .ticket{grid-template-columns:1fr;gap:40px}
 #yi-home .pg-row,#yi-home .pg-row:hover,#yi-home .pg-row:focus-visible{grid-template-columns:1fr;gap:6px;background:none}
 #yi-home .pg-img,#yi-home .pg-kind,#yi-home .pg-title,#yi-home .pg-desc,#yi-home .pg-go{grid-column:1}
 #yi-home .pg-img{margin-bottom:8px}
 #yi-home .steps li{grid-template-columns:34px 1fr}#yi-home .steps span{grid-column:2}
 #yi-home .lightbox{max-width:320px}
 #yi-home .tk-stub{border-left:0;border-top:2px dashed var(--gold)}
 #yi-home .tk-stub::before,#yi-home .tk-stub::after{display:none}
 #yi-home .credits li{gap:18px}#yi-home .cr-name{font-size:18px}
}
@media(prefers-reduced-motion:reduce){#yi-home .leader{display:none!important}#yi-home .screen.flicker{animation:none}}
#yi-home.t-home .hero[data-cinema]{isolation:auto;padding-top:92px}
#yi-home .screen{aspect-ratio:auto;height:clamp(240px,44vh,540px);max-height:none}
#yi-home .cine-title{font-size:clamp(42px,6.2vw,96px)}
#yi-home .reel{margin-top:18px;padding-bottom:18px}
#yi-home .reel-hint{margin-bottom:4px}
@media(max-width:900px){#yi-home .screen{height:auto;aspect-ratio:16/10}}
@media(max-width:900px){#yi-home.t-home .hero[data-cinema]{grid-template-columns:minmax(0,1fr)}#yi-home .screen{width:100%}#yi-home .reel{margin-left:-5%;margin-right:-5%}}

/* ===================== v21：內頁放映室風格 ===================== */
#yi-home .inner-page{padding:clamp(70px,9vw,120px) 6% clamp(60px,8vw,100px);max-width:1240px}
#yi-home .inner-page>.eyebrow:first-child,#yi-home .work-detail>.eyebrow,#yi-home .pickup>.eyebrow,#yi-home .member>.eyebrow{display:inline-flex;align-items:center;gap:10px;font:400 15px var(--serif);letter-spacing:.2em;color:var(--rec)}
#yi-home .inner-page>.eyebrow:first-child::before,#yi-home .work-detail>.eyebrow::before{content:'';width:8px;height:8px;border-radius:50%;background:var(--rec);box-shadow:0 0 10px var(--rec)}
#yi-home .inner-page>h1,#yi-home .work-detail h1{font:700 clamp(40px,7vw,96px)/1.1 var(--serif);letter-spacing:.03em;margin:14px 0 26px;text-shadow:0 12px 50px #000}
#yi-home .inner-page h2{font:600 clamp(26px,3vw,40px)/1.35 var(--serif);letter-spacing:.06em;margin:70px 0 20px}
#yi-home .inner-page h3{font:600 19px/1.5 var(--serif);letter-spacing:.06em}
#yi-home .lead{font:400 clamp(18px,2vw,23px)/1.8 var(--serif);color:var(--ink)}
#yi-home .inner-page p{color:var(--soft)}
#yi-home .inner-page .lead{color:var(--ink)}
/* 按鈕＆連結：與首頁一致 */
#yi-home .solid{background:var(--rec);color:#f3ead8;border:0;border-radius:0;padding:14px 28px;font-size:14px;letter-spacing:.14em}
#yi-home .solid::before{background:#d9483a}
#yi-home .solid:hover{color:#fff;box-shadow:0 0 30px -6px #c23b2b99}
#yi-home .site-header .solid{background:#f3ead8;color:#1a100e;padding:10px 18px;font-size:12px}
#yi-home .site-header .solid::before{background:var(--gold)}
#yi-home .text-link{background:none;border-bottom:1px solid var(--gold);padding:5px 0;transition:color .3s,letter-spacing .4s var(--ease)}
#yi-home .text-link:hover,#yi-home .text-link:focus-visible{color:var(--gold);letter-spacing:.14em;background:none}
/* 服務三格 → 場次格 */
#yi-home .service-items{gap:0;background:none;border:0;border-top:1px solid var(--rule);margin:44px 0}
#yi-home .service-items article{background:none;padding:28px 26px 28px 0;border-bottom:1px solid var(--rule)}
#yi-home .service-items article+article{padding-left:26px;border-left:1px solid var(--rule)}
#yi-home .service-items article::before{content:counter(svc);font:700 34px/1 var(--serif);color:var(--rec);letter-spacing:0;display:block;margin-bottom:12px}
#yi-home .service-items article:hover{background:linear-gradient(180deg,#c23b2b12,transparent)}
/* 作品列表：劇照框 */
#yi-home .page-work-list{gap:46px 34px}
#yi-home .page-work-list article{border-top:0;padding-top:0}
#yi-home .page-work-list .frame{box-shadow:0 30px 70px -30px #000,0 0 0 1px #f3ead812}
#yi-home .page-work-list .meta{color:var(--gold);margin-top:16px}
#yi-home .play{border-radius:0;background:#c23b2bcc;border-color:#c23b2b;letter-spacing:.3em}
/* 作品頁：銀幕 */
#yi-home .work-detail .detail-cover{max-width:100%;width:100%;aspect-ratio:2.39/1;object-fit:cover;max-height:none;box-shadow:0 0 140px -20px #c23b2b40,0 0 0 1px #f3ead812;margin:20px 0 30px}
#yi-home .work-detail .detail-cover[src*="ai-comic"]{object-fit:contain;background:#000}
#yi-home .work-detail>.text-link:first-child{font-size:13px;color:var(--soft)}
#yi-home .work-detail .work-actions .solid::after{content:''}
/* 原創 */
#yi-home .original-detail{gap:56px}
#yi-home .original-detail>img{box-shadow:0 0 0 1px var(--rule),0 0 0 18px #1a100e,0 0 0 19px var(--rule),0 50px 100px -30px #000}
#yi-home .comic-gallery img{box-shadow:0 30px 60px -30px #000}
/* 團隊 → 片尾名單式 */
#yi-home .team-roster{border-top:1px solid var(--rule)}
#yi-home .team-roster article{padding:26px 26px 26px 0}
#yi-home .team-roster article:hover{background:linear-gradient(90deg,#c23b2b12,transparent);padding-left:12px}
#yi-home .team-roster .meta{color:var(--gold)}
#yi-home .team-roster h3{font:700 24px/1.4 var(--serif);letter-spacing:.1em;margin:4px 0 6px}
/* 流程 */
#yi-home .process-list{gap:0;background:none;border:0;border-top:1px solid var(--rule)}
#yi-home .process-list li{background:none;border-bottom:1px solid var(--rule);padding:26px 24px 26px 0;color:var(--ink)}
#yi-home .process-list li:not(:nth-child(3n+1)){padding-left:24px;border-left:1px solid var(--rule)}
#yi-home .process-list li::before{content:counter(step);font:700 32px/1 var(--serif);color:var(--rec);letter-spacing:0;margin-bottom:12px}
/* FAQ */
#yi-home summary{font:600 18px/1.55 var(--serif)}
#yi-home summary::after{color:var(--rec)}
#yi-home details[open] summary{color:var(--gold)}
/* 表單 */
#yi-home .site-form input,#yi-home .site-form textarea{border-bottom-color:#5a443d;font-size:16px}
#yi-home .site-form label{color:var(--ink)}
#yi-home .site-form input:focus,#yi-home .site-form textarea:focus{border-color:var(--rec)}
/* 消息 */
#yi-home .inner-page>article{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:30px 0;margin-top:40px}
#yi-home .inner-page>article h2{margin-top:0}
/* 會員區（商品頁）→ 票根 */
#yi-home .member{border:1px solid var(--gold);margin:40px max(6%,calc((100% - 1240px)/2)) 0;padding:56px 5%}
#yi-home .member-steps b{color:var(--rec);font-weight:700}
#yi-home .member .solid{background:#06c755}
#yi-home .member .solid::before{background:#05b04b}
/* 地圖 */
#yi-home .pickup>h2{margin-top:10px}
#yi-home .shop.is-active{background:linear-gradient(90deg,#c23b2b14,transparent)}
#yi-home .shop-hq.is-active::before{background:var(--rec)}#yi-home .shop-partner.is-active::before{background:var(--gold)}
#yi-home .pin-dot{fill:var(--rec)}#yi-home .pin-ring{stroke:var(--gold)}
#yi-home .lg-hq i,#yi-home .shop-hq .shop-tag i{background:var(--rec)}
#yi-home .lg-partner i,#yi-home .shop-partner .shop-tag i{border-color:var(--gold)}
#yi-home .pin-hq .pin-pulse{stroke:var(--rec)}#yi-home .pin-partner .pin-pulse{stroke:var(--gold)}
#yi-home .land{fill:#241614;stroke:#b3a38c}
#yi-home .lens-bg{fill:#1a100e}
/* 頁尾 */
#yi-home .site-footer{background:#120a09;border-top:1px solid var(--rule)}

/* ===== 手機／平板 ===== */
@media(max-width:900px){
 #yi-home .service-items article+article{padding-left:0;border-left:0}
 #yi-home .process-list li:not(:nth-child(3n+1)){padding-left:0;border-left:0}
 #yi-home .work-detail .detail-cover{aspect-ratio:16/9}
 #yi-home .member{margin:30px 5% 0;padding:40px 6%}
 #yi-home .original-detail>img{box-shadow:0 30px 60px -30px #000}
 #yi-home .inner-page h2{margin-top:50px}
}
@media(max-width:560px){
 #yi-home .inner-page{padding:56px 5% 60px}
 #yi-home .team-roster article{padding:20px 0}
 #yi-home .solid,#yi-home .b-btn,#yi-home .b-ghost{min-height:48px}
 #yi-home .shop-links{gap:4px 18px}
 #yi-home .shop-links .text-link{padding:10px 0}
 #yi-home .screen::after{background:radial-gradient(ellipse at center,transparent 70%,#1a100e99 100%)}
}
#yi-home .inner-page p>a:not(.solid):not(.text-link){display:inline-block;padding:12px 0;border-bottom:1px solid var(--gold)}
#yi-home details p a{display:inline;padding:0}
#yi-home .work-detail>.text-link:first-child{display:table;margin-bottom:22px}
#yi-home .inner-page>h1,#yi-home .work-detail h1{text-wrap:balance}
@media(max-width:560px){#yi-home .inner-page>h1,#yi-home .work-detail h1{font-size:clamp(32px,9.4vw,44px);letter-spacing:.02em}}
@media(max-width:980px){
 #yi-home .site-header nav{order:4}
 #yi-home .header-actions{order:5}
 #yi-home.nav-open .site-header{background:#1a100e;min-height:100svh;align-content:flex-start}
 #yi-home .nav-group{flex-direction:column;align-items:flex-start;gap:0;padding:14px 0}
 #yi-home .nav-group em{margin-bottom:6px}
 #yi-home .site-header nav a{font:600 20px/1.4 var(--serif);letter-spacing:.08em;padding:10px 0;display:block}
 #yi-home.nav-open .header-actions{padding:20px 0;border-top:1px solid var(--rule)}
}
#yi-home img{height:auto}
/* 最新消息：公開影片清單 */
#yi-home .videos{margin-top:20px}
#yi-home .video-list{list-style:none;margin:30px 0 0;padding:0;border-top:1px solid var(--rule);counter-reset:vd}
#yi-home .video-list a{display:grid;grid-template-columns:90px minmax(0,1fr) auto;gap:18px;align-items:baseline;padding:18px 0;border-bottom:1px solid var(--rule);transition:padding .4s var(--ease),background .4s}
#yi-home .vd-fmt{font-size:12px;letter-spacing:.1em;color:var(--gold)}
#yi-home .vd-title{font:600 18px/1.5 var(--serif);letter-spacing:.05em}
#yi-home .vd-go{font-size:13px;color:var(--soft);transition:color .3s}
#yi-home .video-list a:hover,#yi-home .video-list a:focus-visible{padding-left:12px;background:linear-gradient(90deg,#c23b2b14,transparent)}
#yi-home .video-list a:hover .vd-go,#yi-home .video-list a:focus-visible .vd-go{color:var(--rec)}
@media(max-width:560px){#yi-home .video-list a{grid-template-columns:1fr;gap:4px}}
#yi-home .reel-hint{position:relative;z-index:3;margin-bottom:14px}
/* ===== v23：對比度（WCAG AA） ===== */
#yi-home{--rec-text:#e0604c;--rec-btn:#b12f28}
#yi-home .b-btn,#yi-home .solid{background:var(--rec-btn)}
#yi-home .b-btn:hover,#yi-home .b-btn:focus-visible{background:#962520}
#yi-home .solid::before{background:#962520}
#yi-home .int-kicker,#yi-home .inner-page>.eyebrow:first-child,#yi-home .work-detail>.eyebrow,#yi-home .member>.eyebrow,#yi-home .intermission .int-kicker+h2~p .x{color:var(--rec-text)}
#yi-home .int-kicker,#yi-home .inner-page>.eyebrow:first-child,#yi-home .work-detail>.eyebrow{color:var(--rec-text)}
#yi-home .intermission .int-kicker{color:var(--gold)}
#yi-home .pg-row:hover .pg-go,#yi-home .pg-row:focus-visible .pg-go,#yi-home .video-list a:hover .vd-go,#yi-home .video-list a:focus-visible .vd-go{color:var(--rec-text)}
#yi-home .b-line,#yi-home .member .solid{background:#06c755;color:#08200f}
#yi-home .b-line:hover,#yi-home .b-line:focus-visible,#yi-home .member .solid:hover{background:#2bd673;color:#08200f}
#yi-home .member .solid::before{background:#2bd673}
#yi-home .nav-film em{background:var(--rec-btn)}
#yi-home .site-header .solid{background:#f3ead8;color:#1a100e}
#yi-home h2.sr{position:absolute;width:1px;height:1px;margin:0;overflow:hidden;clip:rect(0 0 0 0)}
#yi-home .scr-img{object-position:center 62%}
#yi-home .scr-img[src*="hero-qingshui"]{object-position:center 86%}