.culture-entry{white-space:nowrap;color:#b7d9f1;z-index:15;padding:10px 6px;font-size:13px;position:absolute;bottom:-40px;left:0}.culture-entry:hover{color:#fff;text-decoration:underline}#brand-manual figure,#sales-manual figure{width:min(72%,760px);margin-inline:auto!important}#brand-manual figure img,#sales-manual figure img{object-fit:contain;aspect-ratio:auto!important}@media (max-width:640px){#brand-manual figure,#sales-manual figure{width:100%}}:root{--ease:cubic-bezier(.22,.8,.22,1);color:#111;background:#050505;font-family:Arial,Microsoft YaHei,PingFang SC,sans-serif}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline-offset:6px;outline:2px solid #527fff}button:disabled{opacity:.25;cursor:default}h1,h2,p{margin:0}.portfolio{min-height:100svh;overflow:hidden}.shelf-screen{color:#fff;min-height:100svh;transition:opacity .55s,transform .8s var(--ease);background:#050505;flex-direction:column;display:flex}.is-project .shelf-screen{opacity:0;pointer-events:none;position:fixed;inset:0;transform:scale(1.12)}.home-nav{justify-content:space-between;padding:25px 3.2vw;font-size:21px;display:flex}.home-heading{text-align:center;margin:0 auto}.home-heading h1{letter-spacing:.04em;font-size:clamp(28px,3vw,44px);font-weight:650}.home-heading>p{margin-top:3px;font-size:clamp(15px,1.65vw,23px)}.category-switch{border:1px solid #fff;justify-content:center;width:max-content;margin:32px auto 0;display:flex}.category-switch button{min-width:96px;padding:4px 16px;font-size:14px}.category-switch button[aria-pressed=true]{color:#111;background:#fff}.shelf-viewport{scrollbar-width:none;touch-action:pan-x;-webkit-user-select:none;user-select:none;width:100%;padding:44px max(24px,50vw - 330px) 24px;overflow:auto hidden}.shelf-viewport::-webkit-scrollbar{display:none}.book-row{width:max-content;min-width:660px;height:clamp(350px,58svh,590px);animation:books-in .8s var(--ease);align-items:flex-end;gap:6px;padding-right:200px;display:flex}.book-slot{width:var(--book-width);height:var(--book-height);transition:transform .5s var(--ease);z-index:1;flex-shrink:0;position:relative}.book-slot.expanded{z-index:10;transform:translateY(-22px)}.spine{background:var(--color);color:var(--ink);isolation:isolate;flex-direction:column;align-items:center;width:100%;height:100%;padding:22px 9px 0;transition:filter .3s;display:flex;position:relative;overflow:hidden}.spine-recruitment{transform-origin:50% 100%;transform:rotate(1.5deg)}.spine-meta{flex-direction:column;align-items:center;gap:10px;display:flex}.spine-meta b{font-size:28px;font-weight:800;line-height:1}.spine-meta i{background:currentColor;width:28px;height:2px}.spine-meta small{font-size:12px;font-weight:600}.spine-title{writing-mode:vertical-rl;text-orientation:upright;letter-spacing:.01em;white-space:nowrap;justify-content:center;align-items:center;font-size:clamp(28px,3.5vw,46px);font-weight:800;line-height:1.1;display:flex;position:absolute;top:26%;bottom:15%}.rotated .spine-title{writing-mode:horizontal-tb;text-orientation:mixed;letter-spacing:.08em;font-size:46px;display:block;top:53%;bottom:auto;left:50%;transform:translate(-50%,-50%)rotate(90deg)}.spine-culture .spine-title{font-size:43px;top:5%;bottom:29%}.spine-culture .spine-meta{margin-top:auto;margin-bottom:86px}.spine-mark{justify-content:center;align-items:center;width:100%;height:74px;font-size:54px;line-height:1;display:flex;position:absolute;bottom:0}.spine-culture .spine-mark{color:#fff;background:#008258}.spine-posters .spine-title{font-size:26px;top:28%;bottom:14%}.spine-posters .spine-meta b{font-size:24px}.spine-posters .spine-meta{gap:7px;margin-top:20px}.poster-slot .spine{overflow:visible}.paperclip{z-index:8;border:2px solid #c5c6c8;border-radius:12px;width:17px;height:55px;position:absolute;top:-20px;left:17px;box-shadow:inset 0 0 0 1px #454545}.paperclip:after{content:"";border:1px solid #dedede;border-radius:7px;width:7px;height:36px;position:absolute;top:5px;left:4px}.book-preview{background:var(--color);width:260px;height:82%;color:var(--ink);transform-origin:0;opacity:0;pointer-events:none;transition:transform .55s var(--ease),opacity .3s;border-left:5px solid #ffffff50;flex-direction:column;display:flex;position:absolute;top:7%;left:calc(100% - 2px);transform:translate(-15px)scaleX(.04)rotate(2deg)}.expanded .book-preview{opacity:1;transform:translate(0)scaleX(1)rotate(2deg)}.book-preview>img{object-fit:contain;background:#f7f7f0;width:100%;height:calc(100% - 52px)}.book-preview>span{flex-direction:column;flex:1;justify-content:center;padding:25px;font-size:25px;display:flex}.book-preview small{margin-top:15px;font-size:14px}.preview-caption{justify-content:space-between;gap:10px;padding:12px;font-size:13px;display:flex}.poster-fan{pointer-events:none;z-index:-1;position:absolute;inset:0}.poster-fan img{object-fit:cover;object-position:top;width:210px;height:96%;transform:translateX(calc(12px + var(--sheet)*8px)) scaleX(.055);transform-origin:0 100%;transition:transform .6s var(--ease);position:absolute;top:8px;left:4px}.poster-slot.expanded .poster-fan img{transform:translateX(calc(36px + var(--sheet)*65px)) rotate(calc(5deg + var(--sheet)*7deg)) scaleX(1)}.shelf-footer{text-align:center;padding:4px 20px 24px;font-size:14px}.shelf-footer b{margin-left:12px;font-size:24px;font-weight:400}.shelf-controls{color:#aaa;justify-content:center;align-items:center;gap:16px;margin-top:13px;display:flex}.shelf-controls button{padding:5px 15px}.shelf-controls small{font-size:12px}.project-screen{min-height:100svh;animation:space-in 1s var(--ease);background:#f1f3f5;position:relative;overflow:hidden}.project-nav{z-index:60;align-items:center;gap:30px;font-size:14px;display:flex;position:absolute;top:28px;left:2.4vw}.project-nav button,.project-nav a{padding:4px 0}.project-nav button:first-child{font-weight:600}.back-link{z-index:60;padding:4px 0;font-size:14px;position:absolute;top:73px;left:2.4vw}.project-label{z-index:55;opacity:0;pointer-events:none;max-width:360px;transition:opacity .25s,transform .35s;position:absolute;top:150px;left:2.4vw;transform:translateY(8px)}.project-label.visible{opacity:1;transform:none}.project-label h1{font-size:24px;font-weight:500;line-height:1.4}.project-label p{margin-top:7px;font-size:15px}.project-label small{color:#737982;margin-top:12px;display:block}.glass-stage{touch-action:pan-y;outline:none;height:100svh;position:relative}.glass-panel{height:clamp(220px,43vh,450px);width:calc(clamp(220px,43vh,450px)*var(--ratio));-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);transform:translate(calc(-50% + var(--offset)*165px),calc(-50% - var(--offset)*78px)) scale(var(--depth)) skewY(12deg);transition:transform .8s var(--ease),background .4s,border-color .4s,opacity .35s;background:linear-gradient(125deg,#fff4,#d5dbe21c);border:1px solid #8995aa65;padding:0;position:absolute;top:48%;left:50%;overflow:hidden}.glass-panel img{object-fit:contain;opacity:0;width:100%;height:100%;transition:opacity .4s;display:block}.glass-panel.active{background:#d5dffb65;border-color:#1e52f599}.glass-panel.active img{opacity:1}.glass-panel.active:not(.has-cover){background:#1b4cfa90}.space-controls{z-index:60;color:#626873;align-items:center;gap:16px;font-size:12px;display:flex;position:absolute;bottom:30px;left:2.4vw}.space-controls button{padding:8px;font-size:20px}.view-switch{z-index:60;flex-direction:column;align-items:flex-end;gap:20px;font-size:14px;display:flex;position:absolute;bottom:5vh;right:3.5vw}.view-switch i{background:#6f7377;width:28px;height:1px}.view-switch button{color:#8a8c90;padding:4px 0;transition:transform .25s,color .25s}.view-switch button[aria-pressed=true]{color:#111}.view-switch button:hover{transform:translate(-4px)}.index-mode .glass-stage{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;padding:270px 12vw 140px 4vw;display:grid;overflow-y:auto}.index-mode .glass-panel{-webkit-backdrop-filter:none;backdrop-filter:none;width:100%;height:220px;position:relative;inset:auto;overflow:visible;transform:none}.index-mode .glass-panel img{opacity:1;object-fit:contain}.index-caption{color:#6c7075;font-size:12px;position:absolute;top:calc(100% + 8px);left:0}.reader{background:#f4f5f6;border:0;width:max-content;max-width:94vw;max-height:94svh;margin:auto;padding:55px 25px 25px}.reader::backdrop,.about-overlay::backdrop{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#e5e9eecc}.reader>img{object-fit:contain;max-width:85vw;max-height:79svh;display:block}.reader-close{padding:6px;font-size:15px;position:absolute;top:15px;right:20px}.about-overlay{background:#eef1f5;border:0;max-width:720px;margin:auto;padding:70px 50px}.about-overlay>button{position:absolute;top:20px;right:25px}.about-overlay p{margin:30px 0;font-size:20px;line-height:1.8}.about-overlay a{border-bottom:1px solid;padding-bottom:8px}@keyframes books-in{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}@keyframes space-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}@media (min-height:900px){.shelf-viewport{padding-top:60px}.home-heading{margin-top:10px}}@media (max-width:760px){.home-nav{padding:22px;font-size:17px}.home-heading{margin-top:15px}.home-heading h1{font-size:29px}.category-switch{margin-top:25px}.shelf-viewport{padding:45px 28px 20px}.book-row{min-width:650px;height:440px;padding-right:240px}.spine-title,.spine-culture .spine-title{font-size:38px}.rotated .spine-title{font-size:40px}.book-slot{scroll-snap-align:start}.home-heading>p{font-size:16px}.project-nav{gap:18px;font-size:12px;top:20px;left:20px}.back-link{top:64px;left:20px}.project-label{max-width:85vw;top:120px;left:20px}.project-label h1{font-size:21px}.glass-panel{max-width:87vw;height:270px;transform:translate(calc(-50% + var(--offset)*105px),calc(-50% - var(--offset)*38px)) scale(var(--depth)) skewY(10deg);top:52%}.view-switch{font-size:13px;bottom:35px;right:22px}.space-controls{bottom:27px;left:15px}.index-mode .glass-stage{grid-template-columns:repeat(2,minmax(0,1fr));gap:45px 20px;padding:230px 22px 150px}.index-mode .glass-panel{height:155px}.about-overlay p{font-size:17px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.poster-fan img{transform:translateX(calc(54px + var(--sheet)*8px)) scaleX(.055)}.glass-panel{transform:translate(calc(-50% + var(--offset)*195px),calc(-50% - var(--offset)*96px)) scale(var(--depth)) skewY(12deg);transition:transform .46s cubic-bezier(.16,1,.3,1),background .28s,border-color .28s,opacity .28s}@media (max-width:760px){.glass-panel{transform:translate(calc(-50% + var(--offset)*132px),calc(-50% - var(--offset)*44px)) scale(var(--depth)) skewY(10deg)}}@media (prefers-reduced-motion:reduce){.glass-panel{transition-duration:.01ms!important}}.spine:active{filter:brightness(.9)}.shelf-viewport{cursor:grab}.shelf-viewport:active{cursor:grabbing}.poster-project .glass-panel{will-change:transform;background:#f8f9fb;border-color:#cad4dc;transition:background .28s,border-color .28s,opacity .28s;box-shadow:0 16px 34px #364e6b29}.poster-project .glass-panel img{opacity:.44;object-fit:cover;object-position:top center;filter:saturate(.75)}.poster-project .glass-panel.active{background:#fff;border-color:#6698b2;box-shadow:0 24px 55px #365d7a4d}.poster-project .glass-panel.active img{opacity:1;filter:none}.poster-project .glass-stage:after{content:"滑动切换 · 点击当前作品放大";color:#80919b;letter-spacing:.08em;white-space:nowrap;pointer-events:none;font-size:12px;position:absolute;bottom:86px;left:50%;transform:translate(-50%)}.poster-project.index-mode .glass-stage:after{display:none}@media (max-width:760px){.poster-project .glass-stage:after{font-size:11px;bottom:95px}.poster-project .project-label{top:116px}}:root{--site-nav-height:120px}html{scroll-padding-top:calc(var(--site-nav-height) + 20px)}.site-nav-spacer{height:var(--site-nav-height);flex-shrink:0}.project-screen .back-link{top:calc(var(--site-nav-height) + 16px)}.project-screen .project-label{top:calc(var(--site-nav-height) + 60px)}@media (min-width:1800px){:root{--site-nav-height:130px}}@media (max-width:700px){:root{--site-nav-height:136px}}
.site-navigation-module__KRjOza__header{z-index:100;color:#203b3d;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#f8f8f4f5,#f8f8f4e8);border-bottom:1px solid #d7e4df55;justify-content:space-between;align-items:flex-start;gap:24px;min-height:120px;padding:36px calc(3.5vw + 10px) 20px;font-family:Arial,Microsoft YaHei,PingFang SC,sans-serif;display:flex;position:fixed;inset:0 0 auto}.site-navigation-module__KRjOza__logo{letter-spacing:.22em;color:#171b1a;flex-shrink:0;font-size:clamp(24px,2.15vw,36px);line-height:1.3;text-decoration:none}.site-navigation-module__KRjOza__logo span{color:#7b9299;letter-spacing:.24em;margin-top:8px;font-size:12px;display:block}.site-navigation-module__KRjOza__header nav{align-items:center;gap:clamp(24px,3.5vw,58px);padding-top:7px;font-size:16px;display:flex}.site-navigation-module__KRjOza__header nav a{white-space:nowrap;border-bottom:2px solid #0000;padding:4px 0 10px;text-decoration:none;transition:color .2s,border-color .2s;position:relative}.site-navigation-module__KRjOza__header nav a[aria-current]{border-bottom-color:#d7ed70}.site-navigation-module__KRjOza__header nav a:hover{color:#2c6a80}.site-navigation-module__KRjOza__header a:focus-visible{outline-offset:6px;outline:2px solid #287b76}@media (min-width:1800px){.site-navigation-module__KRjOza__header{min-height:130px}}@media (max-width:1050px) and (min-width:701px){.site-navigation-module__KRjOza__header nav{gap:22px;font-size:14px}}@media (max-width:700px){.site-navigation-module__KRjOza__header{flex-wrap:wrap;gap:16px;min-height:136px;padding:23px 26px 14px}.site-navigation-module__KRjOza__logo{font-size:23px}.site-navigation-module__KRjOza__logo span{letter-spacing:.13em;margin-top:6px;font-size:9px}.site-navigation-module__KRjOza__header nav{justify-content:space-between;gap:12px;width:100%;padding:0;font-size:12px}.site-navigation-module__KRjOza__header nav a{padding-bottom:7px}}@media (prefers-reduced-motion:reduce){.site-navigation-module__KRjOza__header nav a{transition:none}}