@font-face{font-family:Song;src:url(serif.woff2) format('woff2');font-display:swap}
@font-face{font-family:Sans;src:url(sans.woff2) format('woff2');font-weight:100 900;font-display:swap}
:root{color-scheme:dark;--bg:#080807;--ink:#c4bdb0;--gold:#d8bc8f;--muted:#a09481;--line:#443929}
*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth;scroll-padding-top:24px;scrollbar-color:#65543c #100f0d;scrollbar-width:thin}body{margin:0;background:var(--bg);color:var(--ink);font-family:Sans,'Microsoft YaHei',sans-serif;-webkit-font-smoothing:antialiased}main{max-width:1600px;margin:auto}h1,h2,h3,p,figure{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #e0bb7f;outline-offset:5px}img{max-width:100%}h2,h3{font-family:Song,'SimSun',serif;font-weight:400;color:var(--gold)}h2{font-size:clamp(34px,3.7vw,56px);line-height:1.42;letter-spacing:.025em;text-wrap:balance}h3{font-size:27px;line-height:1.5}p{font-size:16px;line-height:2.05;text-wrap:pretty}p+p{margin-top:22px}.wrap{width:84%;max-width:1280px;margin-inline:auto}.section{padding-block:110px}.section-head{margin-bottom:52px}.eyebrow{display:flex;gap:18px;align-items:center;font-size:11px;letter-spacing:.16em;color:var(--muted);margin-bottom:24px}.eyebrow>span{color:var(--gold);letter-spacing:.05em;border-right:1px solid #6d5738;padding-right:18px}.sr{position:absolute!important;left:0!important;top:0!important;width:1px!important;height:1px!important;padding:0!important;margin:0!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap;border:0!important}.skip{position:fixed;top:8px;left:8px;z-index:20;transform:translateY(-200%);padding:12px;background:var(--gold);color:#17120a}.skip:focus{transform:none}
/* Original approved compositions remain one-to-one image panels. */
.art-panel{position:relative;overflow:clip;width:100%;line-height:0}.art-panel>img{position:absolute;left:0;top:0;width:100%;max-width:none;height:auto;display:block}.spot{position:absolute;border:0;background:none;padding:0;display:block}.spot[data-photo]{cursor:zoom-in}.spot:focus-visible{outline-offset:-4px}
.project{display:grid;grid-template-columns:1.7fr 1fr;gap:90px;padding-block:62px}.project p:not(.eyebrow){font-family:Song,serif;font-size:21px;line-height:1.95;color:#d0c2a9}.project dl{margin:0;padding:4px 0 0 30px;border-left:1px solid var(--line);display:grid;gap:23px}.project dl>div{display:grid;grid-template-columns:85px 1fr;gap:8px;align-items:baseline}.project dt{font-size:11px;color:var(--muted)}.project dd{margin:0;color:#cbb58e;font-size:13px}.chapters{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-block:1px solid var(--line);margin-bottom:38px}.chapters a{display:flex;align-items:center;gap:10px;font-size:12px;padding:20px 8px;transition:color .2s,background .2s}.chapters a>span{font-size:10px;color:#897352;font-family:Georgia,serif}.chapters i{font-style:normal;margin-left:auto;color:#a48b63}.chapters a:hover{color:#f5d8a8;background:#17140f}
.origin-more{padding-top:90px}.origin-story{display:grid;grid-template-columns:1fr 1.2fr;gap:100px;margin:0 0 55px}.origin-story>div:first-child p{font-family:Song,serif;font-size:21px;line-height:1.95;color:#cfbea0}.origin-images{display:grid;grid-template-columns:1.45fr 1fr;gap:38px;align-items:start}.photo{display:block;border:0;background:none;padding:0;width:100%;cursor:zoom-in;position:relative}.photo:after{content:'＋';position:absolute;right:12px;bottom:12px;border:1px solid #a89470;color:#edd9b5;width:28px;height:28px;display:grid;place-items:center;background:#181510a8;font-size:15px;opacity:0;transition:opacity .2s}.photo:hover:after,.photo:focus-visible:after{opacity:1}.photo img{width:100%;height:auto;display:block}figcaption{display:flex;justify-content:space-between;gap:12px;font-size:10px;line-height:1.9;color:var(--muted);margin-top:13px}figcaption>span:last-child{color:var(--gold);flex:none}.original{padding-top:50px}.original img{aspect-ratio:1.28;object-fit:contain;background:#030303}.product img{aspect-ratio:.84;object-fit:cover;object-position:center 65%}.stage{display:flex;gap:22px;align-items:center;margin-top:24px;padding-top:23px;border-top:1px solid var(--line)}.stage>span{font-family:Song,serif;color:var(--gold);font-size:35px;letter-spacing:.16em;white-space:nowrap}.stage p{font-size:12px;color:#aa9e89;line-height:1.9}
.detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px}.detail-2{padding-top:60px}.detail-3{padding-top:120px}.detail .photo img{aspect-ratio:1;object-fit:cover}.detail-1 img{object-position:center 34%}.detail-2 img{object-position:center 55%}.detail-3 img{object-position:center 68%}.detail-title{display:flex;gap:17px;align-items:baseline;margin:25px 0 16px}.detail-title>span{font-family:Georgia,serif;color:#99805c;font-size:13px}.detail p{font-size:14px;line-height:2.05}.play{background:radial-gradient(ellipse at 0% 40%,#211d15 0%,#10100d 45%,#080807 85%);border-block:1px solid var(--line)}.play-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:75px;align-items:center}.play-main img{aspect-ratio:.83;object-fit:cover;object-position:center 66%}.small-heading{margin-bottom:20px}.small-heading>span{font-size:11px;letter-spacing:.18em;color:var(--muted);display:block;margin-bottom:10px}.small-heading h3{font-size:24px}.small-heading.second{margin-top:35px}.play-copy>p{font-size:15px}.play-inset{display:grid;grid-template-columns:115px 1fr;gap:20px;margin-top:30px;border-top:1px solid var(--line);padding-top:25px;align-items:center}.play-inset p{font-size:12px;line-height:1.9}.play-inset figcaption{font-size:9px}.image-note{font-size:11px;color:var(--muted);line-height:1.9;margin-top:15px}.play-inset .image-note{font-size:10px;margin-top:12px}
.result-columns{display:grid;grid-template-columns:1fr 1.1fr;gap:100px}.release-note{border-left:2px solid #9c7a49;padding-left:28px}.release-note p{font-size:21px;font-family:Song,serif;color:#d0bea0;line-height:1.95}.result-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--line);margin-top:50px}.result-links a{display:flex;align-items:start;gap:18px;padding:30px 22px;transition:background .2s}.result-links a:first-child{padding-left:0}.result-links a+a{border-left:1px solid var(--line)}.link-number{font-family:Georgia,serif;font-size:11px;color:#96805c;margin-top:7px}.result-links h3{font-size:21px}.result-links p{font-size:11px;line-height:1.8;margin-top:10px}.arrow{margin-left:auto;font-size:17px;color:var(--gold)}.result-links a:hover{background:#19160f}
.package{background:radial-gradient(ellipse at 14% 55%,#2a2319,#12100d 50%,#0a0908 90%);border-block:1px solid var(--line)}.package-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.archive{max-width:520px;padding:16px;border:1px solid #68563c;background:#17140e}.archive .image-note{font-size:10px}.text-link{display:flex;justify-content:space-between;gap:35px;margin-top:30px;padding:13px 0;border:0;border-bottom:1px solid #77603e;background:none;font-size:12px;color:var(--gold)}.text-link:hover{color:#ffe1ae}.work-intro{max-width:780px;margin-left:auto}.work-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;list-style:none;padding:35px 0 0;margin:50px 0 0;border-top:1px solid var(--line)}.flow-number{display:block;font-family:Georgia,serif;font-size:52px;font-style:italic;color:#736042;line-height:1.1;margin-bottom:26px}.work-flow h3{font-size:27px;margin-bottom:18px}.work-flow p{font-size:13px;color:#ab9f8b}.cooperation-intro{margin:55px auto 0;padding-top:35px;border-top:1px solid var(--line);max-width:850px;text-align:center}.cooperation-intro p{font-family:Song,serif;font-size:19px;color:#c8b696}.sources{padding:30px 0 40px}.sources p{font-size:10px;line-height:1.9;color:#938775}.sources p+p{margin-top:10px}
/* Three explicit rows let the image shrink with the viewport, without an inner scrollbar. */
dialog{width:min(1120px,calc(100vw - 32px));height:min(900px,calc(100dvh - 32px));max-width:none;max-height:none;margin:auto;padding:18px;border:1px solid #6e5a3c;background:#100f0d;color:var(--ink);overflow:visible}dialog:not([open]){display:none}dialog[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:16px}dialog::backdrop{background:#000e;backdrop-filter:blur(5px)}.viewer-bar{display:flex;align-items:center;justify-content:space-between;gap:16px}.viewer-bar p{font-size:11px;color:var(--muted);letter-spacing:.14em}.close{border:1px solid #695637;background:none;padding:9px 17px;font-size:12px}.viewer-stage{min-width:0;min-height:0;display:grid;place-items:center}.viewer-stage img{display:block;width:100%;height:100%;object-fit:contain;min-height:0;min-width:0}#caption{font-size:12px;line-height:1.7;text-align:center;margin:0;overflow-wrap:anywhere}body.modal-open{overflow:hidden}
@media(max-width:1100px){.wrap{width:88%}.section{padding-block:80px}.project{gap:35px}.project p:not(.eyebrow){font-size:19px}.project dl{padding-left:20px}.project dl>div{display:block}.project dd{margin-top:8px}.chapters a{gap:7px;font-size:11px}.chapters i{display:none}.origin-story,.result-columns{gap:50px}.detail-grid{gap:23px}.play-grid,.package-grid{gap:45px}.play-inset{grid-template-columns:90px 1fr;gap:15px}.result-links a{padding-inline:16px;gap:12px}.result-links h3{font-size:19px}.result-links p{font-size:10px}}
@media(max-width:700px){html{scroll-padding-top:18px}.wrap{width:calc(100% - 44px)}.section{padding-block:58px}.section-head{margin-bottom:30px}.eyebrow{font-size:10px;gap:13px;letter-spacing:.1em;margin-bottom:21px}.eyebrow>span{padding-right:13px}h2{font-size:33px;line-height:1.48;letter-spacing:0}h3{font-size:24px}p{font-size:14px;line-height:2}p+p{margin-top:19px}.project{display:block;padding-block:34px}.project p:not(.eyebrow){font-size:17px;line-height:1.95}.project dl{padding:24px 0 0;margin-top:26px;border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:.8fr 1.3fr 1.2fr;gap:14px}.project dt{font-size:10px}.project dd{font-size:11px;line-height:1.7;margin-top:8px}.chapters{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:24px;overflow:visible;white-space:normal}.chapters a{padding:16px 5px;font-size:11px;gap:7px}.chapters a:nth-child(n+4){border-top:1px solid #30291e}.chapters a>span{font-size:10px}.origin-story{display:block;margin-bottom:32px}.origin-story>div+div{margin-top:23px}.origin-story>div:first-child p{font-size:18px;line-height:1.95}.origin-images{gap:18px;grid-template-columns:1.18fr 1fr}.original{padding-top:35px}.original img{aspect-ratio:.85;object-fit:contain}.product img{aspect-ratio:.68}.stage{display:block;padding-top:15px;margin-top:16px}.stage>span{font-size:25px}.stage p{font-size:10px;line-height:1.8;margin-top:10px}figcaption{font-size:9px;line-height:1.8;margin-top:10px;gap:5px}.detail-grid{display:block}.detail{padding:0;display:grid;grid-template-columns:1fr 1fr;column-gap:22px}.detail+.detail{margin-top:35px;padding-top:32px;border-top:1px solid var(--line)}.detail figure{grid-column:1;grid-row:1/3;align-self:start}.detail-title{grid-column:2;margin:0 0 14px;display:block}.detail-title>span{font-size:11px;display:block;margin-bottom:8px}.detail-title h3{font-size:23px}.detail p{grid-column:2;font-size:12px;line-height:1.95}.detail .photo img{aspect-ratio:.8}.detail-2 figure{grid-column:2}.detail-2 .detail-title,.detail-2 p{grid-column:1}.detail-2 .photo img{aspect-ratio:.75}.detail-3 .photo img{aspect-ratio:1;object-position:center 65%}.play-grid{display:flex;flex-direction:column;gap:35px}.play-main{width:100%}.play-main img{aspect-ratio:1;object-position:center 64%}.play-copy>p{font-size:14px}.small-heading h3{font-size:24px}.small-heading.second{margin-top:29px}.small-heading{margin-bottom:15px}.play-inset{grid-template-columns:105px 1fr;gap:18px}.play-inset p{font-size:11px}.play-inset .image-note{font-size:9px}.result-columns{display:block}.release-note{padding-left:20px;margin-bottom:28px}.release-note p{font-size:18px}.result-links{display:block;margin-top:32px}.result-links a,.result-links a:first-child{padding:21px 0;gap:20px}.result-links a+a{border-left:0;border-top:1px solid var(--line)}.result-links h3{font-size:23px}.result-links p{font-size:11px;margin-top:5px}.arrow{font-size:21px;margin-top:4px}.package-grid{display:flex;flex-direction:column;gap:30px}.archive{width:100%;max-width:420px;padding:12px}.package-copy p{font-size:14px}.work-intro{margin:0}.work-flow{display:block;margin-top:32px;padding:0;border:0}.work-flow li{display:grid;grid-template-columns:65px 1fr;column-gap:22px;padding:25px 0;border-top:1px solid var(--line)}.flow-number{grid-row:1/3;font-size:42px;margin:0;color:#98815b}.work-flow h3{font-size:24px;margin:0 0 10px}.work-flow p{font-size:12px}.cooperation-intro{margin-top:14px;padding-top:28px;text-align:left}.cooperation-intro p{font-size:17px}.sources{padding-block:22px}.sources p{font-size:9px}dialog{padding:12px;width:calc(100vw - 24px);height:calc(100dvh - 24px)}dialog[open]{gap:12px}#caption{font-size:11px}}
@media(max-width:370px){.wrap{width:calc(100% - 36px)}h2{font-size:29px}.chapters a{font-size:10px;gap:5px}.detail{column-gap:17px}.detail-title h3{font-size:21px}.detail p{font-size:11px}.project dd{font-size:10px}}
.skip:not(:focus){opacity:0;pointer-events:none}.skip:focus{opacity:1}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Match the live case-series shell; preserve the approved artwork in the story. */
body.xiezhi-page{--case-series-copper:#9d7745;--case-series-gold:#d8bc8f;--case-series-line:#453a2b;--case-series-bar-bg:rgba(12,11,9,.97);--case-series-menu-bg:#17140f;--case-series-border:#665033;--case-series-brand-muted:#d1b78d;--case-series-link-muted:#c4b8a5;--case-series-current:#2a2318;--case-series-footer-bg:radial-gradient(ellipse at 80% 20%,#302518,#11100d 65%);--case-series-sans:Sans,'Microsoft YaHei',sans-serif;--case-series-serif:Song,'SimSun',serif}
html{scroll-padding-top:88px}.skip{z-index:1001}.case-series-brand{align-items:center}.case-series-menu{scrollbar-width:thin;scrollbar-color:#735c39 #18140e}.case-series-menu a{min-height:52px}.case-series-menu small{line-height:1.5}.case-series-conversion-qr figcaption{display:grid;gap:4px}.case-series-conversion-qr figcaption span{color:#645844}.case-series-conversion h2{line-height:1.45}.case-series-footer-head h2{line-height:1.5}
.case-series-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;gap:1px;background:var(--case-series-line);scroll-snap-type:none}.case-series-link{min-width:0;min-height:132px;background:#16130e;border:0!important}.case-series-link[aria-current=page]{background:#2a2115}.case-series-footer-hint{display:none}.case-series-bottom a{font-size:11px;color:var(--case-series-link-muted)}
@media(max-width:820px){html{scroll-padding-top:118px}}
@media(max-width:700px){.case-series-links{grid-template-columns:repeat(2,minmax(0,1fr))}.case-series-link{padding:18px 13px;min-height:128px}.case-series-link>span{font-size:9px;margin-bottom:14px}.case-series-link strong{font-size:16px}.case-series-link small{font-size:10px;padding-right:12px}.case-series-conversion h2{font-size:32px}.case-series-conversion-qr figcaption{margin-left:0}.case-series-bar .case-series-brand span{font-size:8px}.case-series-menu{min-width:min(330px,calc(100vw - 32px))}}