@font-face{font-family:ShireSerif;src:local("Palatino Linotype"),local("Book Antiqua"),local("Georgia");font-display:swap}
.shire-page{margin:0;background:#172a20;color:#f7edda;font-family:Arial,"Microsoft YaHei",sans-serif;overflow:hidden}
.shire-page *{box-sizing:border-box}
.shire-page button,.shire-page a{-webkit-tap-highlight-color:transparent}
.shire-page button{font:inherit;color:inherit;cursor:pointer}
.shire-page button:disabled{opacity:.45;cursor:wait}
.shire-page button:focus-visible,.shire-page a:focus-visible{outline:2px solid #ead1a0;outline-offset:5px}
.shire-page [hidden]{display:none!important}
.shire-stage{width:100%;height:100vh;height:100dvh;min-height:520px;position:relative;isolation:isolate;overflow:hidden}
.shire-canvas{width:100%;height:100%;display:block;touch-action:none;position:absolute;inset:0}
.shire-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,25,21,.69),rgba(12,25,21,.38) 31%,transparent 66%),linear-gradient(0deg,rgba(12,24,19,.94),transparent 24%,transparent 80%,rgba(10,23,21,.32));pointer-events:none;transition:background 1s}
.shire-page.is-film .shire-shade,.shire-page.is-explore .shire-shade{background:linear-gradient(0deg,rgba(8,19,15,.94),rgba(8,19,15,.06) 35%,transparent 78%,rgba(8,19,15,.32))}
.shire-grain{position:absolute;inset:0;opacity:.045;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.86' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.7' filter='url(%23n)'/%3E%3C/svg%3E")}
.shire-cut{position:absolute;inset:0;background:#0d1d16;opacity:0;pointer-events:none;transition:opacity .36s;z-index:5}
.shire-cut.is-dark{opacity:1}
.shire-header{position:absolute;top:0;left:0;width:100%;padding:32px 46px;display:flex;justify-content:space-between;align-items:center;z-index:7}
.shire-brand{display:flex;gap:13px;align-items:center;color:#f0dfbd;text-decoration:none;font-family:ShireSerif,Georgia,serif;font-size:18px;letter-spacing:4.5px}
.shire-brand small{display:block;font-family:Arial,"Microsoft YaHei",sans-serif;font-size:9px;letter-spacing:4px;margin-top:7px;color:#d6d0b6}
.shire-header-end{display:flex;align-items:center;gap:15px}
.shire-date{font-size:11px;letter-spacing:2px;margin-right:14px;color:#ece0c7}
.shire-date span{margin:0 10px;opacity:.65}
.shire-icon{border:1px solid rgba(235,218,181,.25);border-radius:50%;background:rgba(21,38,28,.22);height:40px;width:40px;display:flex;align-items:center;justify-content:center;transition:background .2s,border-color .2s;flex-shrink:0}
.shire-icon:hover{background:rgba(231,211,170,.16);border-color:#e2c899}
.shire-sound-on,.shire-page.is-sound .shire-sound-off{display:none}
.shire-page.is-sound .shire-sound-on{display:block}
.shire-intro{position:absolute;left:8%;top:24%;z-index:6}
.shire-eyebrow{font-size:10px;letter-spacing:3.6px;color:#e0c995;display:flex;gap:13px;align-items:center;margin:0 0 22px}
.shire-eyebrow>span{width:25px;height:1px;background:#d3b582}
.shire-intro h1{font-family:ShireSerif,Georgia,serif;font-weight:400;font-size:clamp(52px,6.6vw,94px);line-height:1.01;letter-spacing:-3px;margin:0;max-width:640px;text-shadow:0 2px 30px #24362244}
.shire-intro h1 em{font-weight:400;color:#e4c793}
.shire-title-cn{font-size:12px;letter-spacing:6px;margin:24px 0 0;color:#e9dbc0}
.shire-lead{font-size:13px;line-height:2.05;letter-spacing:1.2px;color:#e2e1d0;margin:25px 0 27px}
.shire-intro-actions{display:flex;gap:25px;align-items:center}
.shire-start{display:flex;justify-content:space-between;align-items:center;gap:35px;border:0;background:#efdfbc;color:#263b2b!important;padding:15px 23px;font-size:12px!important;letter-spacing:2px;min-width:156px;transition:background .2s,transform .2s}
.shire-start:hover{background:#fff0d0;transform:translateY(-2px)}
.shire-text-button{border:0;background:transparent;font-size:11px!important;padding:9px 0;letter-spacing:1px;display:flex;align-items:center;gap:16px;color:#ebdfc9}
.shire-text-button:hover{color:#fff2d5}
.shire-text-button>span:last-child{font-size:17px;color:#d9c79d}
.shire-length{font-size:9px;letter-spacing:1.4px;color:#bdc4ae;margin-top:21px}
.shire-length span{margin:0 7px}
.shire-footer{position:absolute;bottom:27px;left:46px;right:46px;display:grid;grid-template-columns:1fr auto;gap:24px;z-index:6}
.shire-film-meta{display:flex;gap:17px;align-items:center}
.shire-film-number{font-family:ShireSerif,Georgia,serif;font-size:31px;color:#d2b77d;line-height:1}
.shire-film-meta strong{font-weight:400;font-size:11px;letter-spacing:2px;display:block}
.shire-film-meta small{font-size:8px;letter-spacing:1.8px;display:block;margin-top:6px;color:#aeb8a2}
.shire-film-rule{width:30px;height:1px;background:#95a38944;margin:0 5px}
.shire-time{color:#a6b49d;font-size:9px;font-variant-numeric:tabular-nums;letter-spacing:1px}
.shire-film-controls{display:flex;align-items:center;gap:22px}
.shire-play{width:34px;height:34px;font-size:10px}
.shire-pause-mark{display:none}
.shire-page.is-play .shire-pause-mark{display:inline}
.shire-page.is-play .shire-play-mark{display:none}
.shire-chapter-nav{grid-column:1/-1;display:grid;grid-template-columns:repeat(6,1fr);gap:18px}
.shire-chapter-button{padding:0;background:none;border:0;text-align:left;color:#a8b8a0!important;transition:color .2s;min-width:0}
.shire-chapter-button>span{display:block;font-size:9px;letter-spacing:1.1px;margin-bottom:10px;white-space:nowrap}
.shire-chapter-button b{font-size:8px;letter-spacing:1px;font-weight:400;margin-right:10px;opacity:.6}
.shire-chapter-button>i{display:block;height:2px;background:#9aad8836;position:relative;overflow:hidden}
.shire-chapter-button>i>i{display:block;height:100%;width:0;background:#e5c998}
.shire-chapter-button.is-active{color:#f1dfb8!important}
.shire-chapter-button.is-active>i{background:#c0b38a66}
.shire-chapter-button:hover{color:#fff0cd!important}
.shire-caption{position:absolute;bottom:163px;left:50%;transform:translateX(-50%);width:min(750px,88%);text-align:center;z-index:6;text-shadow:0 2px 20px #091c11}
.shire-caption-tag{color:#e2c899;font-size:10px;letter-spacing:3px}
.shire-caption p{margin:13px 0 0;font-family:ShireSerif,"Microsoft YaHei",serif;font-size:clamp(15px,1.55vw,21px);line-height:1.85;letter-spacing:1px}
.shire-explore-note{position:absolute;top:107px;left:50%;transform:translateX(-50%);background:#162a22b8;border:1px solid #e0cba52e;padding:11px 18px;backdrop-filter:blur(9px);font-size:10px;letter-spacing:1px;z-index:6;white-space:nowrap}
.shire-explore-note button{border:0;background:transparent;margin-left:22px;padding:0;color:#e5ca95;font-size:10px}
.shire-place{position:absolute;right:44px;bottom:165px;width:280px;padding:23px 28px;background:#193327e8;border:1px solid #bca27355;z-index:6;backdrop-filter:blur(12px)}
.shire-place>span{font-family:ShireSerif,"Microsoft YaHei",serif;font-size:19px;letter-spacing:2px;color:#e4c894}
.shire-place p{font-size:12px;line-height:1.9;color:#d6dbc8;margin:13px 0 0}
.shire-place button{position:absolute;right:10px;top:7px;background:none;border:0;color:#b9c4aa;font-size:20px}
.shire-end{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#0d211759;z-index:6;text-align:center}
.shire-end h2{font-family:ShireSerif,"Microsoft YaHei",serif;font-size:clamp(25px,4vw,52px);line-height:1.6;font-weight:400;margin:5px 0 32px;letter-spacing:3px}
.shire-end h2 em{font-style:normal;color:#e9d0a4}
.shire-load{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;background:#1b3025;z-index:9;font-size:12px;letter-spacing:3px;transition:opacity .6s}
.shire-load-leaf{font-family:Georgia,serif;font-size:54px;color:#dbc38a;animation:shire-breathe 2s ease-in-out infinite}
.shire-load.is-ready{opacity:0;pointer-events:none}
.shire-corner{position:absolute;right:51px;bottom:184px;font-size:8px;letter-spacing:2px;line-height:1.8;text-align:center;color:#f0e1ba88;z-index:4}
.shire-corner>span{font-family:ShireSerif,Georgia,serif;font-size:27px;letter-spacing:1px;color:#dfc28aa3}
.shire-page.is-film .shire-corner,.shire-page.is-explore .shire-corner{display:none}
@keyframes shire-breathe{50%{opacity:.45;transform:rotate(-8deg)}}
@media(min-width:1550px){.shire-intro{top:25%}.shire-lead{font-size:15px}.shire-length{font-size:10px}.shire-intro-actions{margin-top:34px}}
@media(max-height:730px) and (min-width:700px){.shire-header{padding-top:24px}.shire-intro{top:23%}.shire-intro h1{font-size:clamp(48px,5.5vw,74px)}.shire-title-cn{margin-top:16px}.shire-lead{margin:18px 0;font-size:12px}.shire-length{margin-top:15px}.shire-footer{bottom:22px;gap:17px}.shire-corner{bottom:155px}}
@media(max-width:760px){.shire-header{padding:25px 24px}.shire-brand{font-size:15px;letter-spacing:3px;gap:8px}.shire-brand small{font-size:8px;letter-spacing:3px}.shire-header-end{gap:10px}.shire-date{display:none}.shire-icon{width:34px;height:34px}.shire-intro{left:8%;top:24%}.shire-intro h1{font-size:clamp(54px,10vw,76px);letter-spacing:-2px}.shire-lead{font-size:12px}.shire-title-cn{font-size:10px;letter-spacing:4px}.shire-footer{left:25px;right:25px;bottom:23px;gap:20px}.shire-film-rule,.shire-film-controls .shire-text-button{display:none}.shire-film-meta{gap:11px}.shire-time{font-size:8px;margin-left:6px}.shire-film-number{font-size:26px}.shire-chapter-nav{gap:9px}.shire-chapter-button>span{font-size:8px;letter-spacing:0}.shire-chapter-button b{display:none}.shire-caption{bottom:157px}.shire-caption p{font-size:15px}.shire-corner{display:none}.shire-explore-note{top:90px;font-size:9px;padding:10px 12px;max-width:92%;white-space:normal;line-height:1.8;text-align:center}.shire-explore-note button{margin-left:12px}.shire-place{right:24px;bottom:158px;max-width:calc(100% - 48px)}}
@media(max-width:400px){.shire-intro{top:23%}.shire-intro h1{font-size:53px}.shire-eyebrow{font-size:8px;letter-spacing:2.5px}.shire-lead{margin:22px 0}.shire-intro-actions{gap:20px}.shire-start{min-width:142px;padding:14px 18px}.shire-length{font-size:8px;letter-spacing:1px}.shire-film-meta small{font-size:7px;letter-spacing:1px}.shire-time{letter-spacing:0}.shire-footer{left:21px;right:21px}.shire-chapter-button>span{font-size:7px}}
@media(max-height:520px){.shire-stage{min-height:0}.shire-header{padding:14px 25px}.shire-brand{font-size:13px}.shire-brand small{font-size:7px;margin-top:4px}.shire-intro{top:24%;left:7%}.shire-intro h1{font-size:37px;letter-spacing:-1px}.shire-eyebrow{font-size:8px;margin-bottom:10px}.shire-title-cn{font-size:9px;margin-top:9px;letter-spacing:3px}.shire-lead,.shire-length{display:none}.shire-intro-actions{margin-top:17px}.shire-start{padding:11px 16px;min-width:135px}.shire-footer{bottom:12px;gap:12px;left:25px;right:25px}.shire-film-number{font-size:21px}.shire-film-meta small{font-size:7px;margin-top:3px}.shire-chapter-button>span{margin-bottom:6px}.shire-caption{bottom:112px}.shire-caption p{font-size:13px;line-height:1.6;margin-top:8px}.shire-caption-tag{font-size:8px}.shire-explore-note{top:64px}.shire-corner{display:none}.shire-place{bottom:115px}.shire-end h2{font-size:28px;line-height:1.4;margin-bottom:18px}}
@media(prefers-reduced-motion:reduce){.shire-load-leaf{animation:none}.shire-start{transition:none}.shire-cut{transition:none}}