@font-face{font-family:"Noto Serif SC Local";src:local("Noto Serif CJK SC"),local("Source Han Serif SC"),local("SimSun");font-display:swap}
:root{color-scheme:light;--paper:#f2f0e9;--ink:#20201d;--muted:#77766f;--line:#ceccc4;--orange:#e15c37;--blue:#294eba;--night:#202624;--night-line:#52615b}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:2px solid var(--orange);outline-offset:5px}::selection{background:#e5b49f;color:var(--ink)}.skip-link{position:absolute;top:-100px;left:20px;padding:10px 16px;background:var(--ink);color:white;z-index:10}.skip-link:focus{top:10px}.site-shell{max-width:1720px;margin:auto;padding:0 5.2vw}.site-header{height:98px;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:40px}.brand{display:flex;align-items:center;gap:13px;flex-shrink:0}.brand-name{font-size:22px;font-weight:780;letter-spacing:-.09em}.brand-dot,.footer-brand span{color:var(--orange)}.brand-mark{width:25px;height:26px;position:relative;display:inline-block;transform:rotate(-12deg)}.brand-mark span{position:absolute;width:17px;height:19px;border:1.8px solid var(--ink);background:var(--paper);left:2px;top:1px}.brand-mark span:nth-child(2){left:5px;top:4px}.brand-mark span:nth-child(3){left:8px;top:7px;background:var(--orange)}.main-nav{display:flex;align-items:center;gap:42px;margin:auto;font-size:14px;font-weight:600}.main-nav a,.header-index,.text-link,.site-footer a{transition:color .2s ease}.main-nav a:hover,.header-index:hover,.text-link:hover,.site-footer a:hover{color:var(--orange)}.header-index{display:flex;align-items:center;gap:21px;font-size:13px;font-weight:650;border-bottom:1px solid var(--ink);padding-bottom:5px;white-space:nowrap}
.hero{min-height:695px;position:relative;padding-top:33px}.hero-topline,.hero-bottomline{display:flex;align-items:center;justify-content:space-between;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;letter-spacing:.1em}.eyebrow-star{color:var(--orange);font-size:16px;padding:0 5px}.edition{display:flex;align-items:center;gap:10px;color:var(--muted)}.live-dot{width:6px;height:6px;background:var(--orange);border-radius:50%;box-shadow:0 0 0 3px #e15c3724}.hero-grid{min-height:591px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);align-items:center}.hero-copy{position:relative;z-index:1;padding:30px 0 80px}.hero-preface{font-family:"Noto Serif SC Local",serif;font-size:17px;letter-spacing:.2em;margin:0 0 30px;color:#55554e}.hero h1{font-family:"Noto Serif SC Local","Songti SC",serif;font-size:clamp(54px,5.9vw,104px);letter-spacing:-.095em;font-weight:700;line-height:1.25;margin:0;white-space:nowrap}.hero-title-line{display:block}.circled-word{position:relative;display:inline-block;color:var(--orange);padding:0 .04em}.circled-word svg{position:absolute;width:110%;height:114%;left:-5%;top:-4%;overflow:visible;stroke:var(--orange);stroke-width:2.8;fill:none;transform:rotate(-8deg)}.hero-description{font-size:16px;line-height:2;color:#606059;max-width:470px;margin:39px 0 26px}.text-link{display:inline-flex;align-items:center;gap:36px;padding-bottom:8px;border-bottom:1px solid currentColor;font-size:14px;font-weight:700}.text-link span{font-size:20px;font-weight:400}.hero-visual{width:min(100%,480px);height:500px;position:relative;justify-self:end;overflow:hidden}.hero-visual:before{content:"";position:absolute;width:325px;height:325px;top:90px;left:70px;background:#e6e4da;border-radius:50%;filter:blur(34px);opacity:.45}.visual-stamp{position:absolute;right:10px;top:24px;font-family:ui-monospace,monospace;font-weight:700;line-height:1.35;letter-spacing:.13em;font-size:11px;text-align:right;transform:rotate(10deg);z-index:2}.visual-stamp span{color:var(--orange);font-size:15px}.orbit{position:absolute;border:1px solid #aeb5ad;border-radius:50%;left:50%;top:49%;transform:translate(-50%,-50%) rotate(-20deg)}.orbit-outer{width:440px;height:310px;border-color:#b8bdb5}.orbit-middle{width:355px;height:355px;border-color:#c6c9c2}.orbit-inner{width:240px;height:300px;border-style:dashed;border-color:#9fa8a1;transform:translate(-50%,-50%) rotate(37deg)}.orbit-core{position:absolute;left:50%;top:49%;transform:translate(-50%,-50%) rotate(-16deg);width:179px;height:179px;background:var(--blue);border-radius:50%;box-shadow:17px 18px 0 #20201d18;display:grid;place-items:center}.orbit-core:before{content:"";position:absolute;inset:16px;border:1px solid #ffffff66;border-radius:50%}.orbit-core span{font-family:"Noto Serif SC Local",serif;font-style:italic;font-size:123px;color:#f6f4ec;line-height:1;transform:translateY(-10px)}.orbit-point{position:absolute;border-radius:50%;z-index:2}.point-one{width:20px;height:20px;background:var(--orange);left:13%;top:47%}.point-two{width:10px;height:10px;background:var(--ink);right:17%;top:23%}.visual-coordinate{position:absolute;left:10px;bottom:27px;font:10px/1.6 ui-monospace,monospace;letter-spacing:.08em;color:var(--muted)}.visual-caption{position:absolute;right:8px;bottom:38px;writing-mode:vertical-rl;font-size:11px;letter-spacing:.33em;color:var(--muted)}.hero-bottomline{border-top:1px solid var(--line);padding:16px 0 18px;color:var(--muted)}.hero-bottomline span:nth-child(2){color:var(--ink)}
.section-intro{display:grid;grid-template-columns:24% 1fr;padding:122px 0 63px;gap:24px}.section-number,.featured-side-index,.featured-overline,.featured-kicker,.shelf-number span,.shelf-state,.closing-label,.site-footer{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em}.section-number{font-size:12px;color:var(--orange);padding-top:15px}.section-heading-wrap{display:flex;justify-content:space-between;align-items:end;gap:40px}.section-heading-wrap h2{font-family:"Noto Serif SC Local",serif;font-size:clamp(35px,3.7vw,59px);letter-spacing:-.08em;line-height:1.43;margin:0;font-weight:650}.section-heading-wrap em{font-style:normal;color:var(--orange)}.section-heading-wrap p{max-width:310px;color:var(--muted);font-size:14px;line-height:1.9;margin:0 0 9px}
.featured{display:grid;grid-template-columns:74px 1fr;background:var(--night);color:#f4f0e7;min-height:570px}.featured-side{border-right:1px solid var(--night-line);padding:28px 20px;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.featured-side-index{writing-mode:vertical-rl;font-size:11px;white-space:nowrap;color:#b9c2b9}.featured-side-index strong{color:var(--orange);font-weight:600}.featured-side-vertical{writing-mode:vertical-rl;font-size:12px;letter-spacing:.15em;color:#819088}.featured-main{padding:30px 4.5% 0}.featured-overline{display:flex;align-items:center;gap:11px;border-bottom:1px solid var(--night-line);padding-bottom:21px;color:#b5c0b7;font-size:11px}.small-square{height:7px;width:7px;background:var(--orange)}.featured-status{margin-left:auto;color:#dfdcd2}.featured-status span{color:var(--orange);font-size:16px;padding-left:6px}.featured-content{display:grid;grid-template-columns:1fr .8fr;min-height:424px;align-items:center;gap:20px}.featured-copy{padding:20px 0 31px}.featured-kicker{font-size:12px;color:#d67755;margin:0 0 23px}.featured h3{font-family:"Noto Serif SC Local",serif;font-size:clamp(56px,5.8vw,90px);letter-spacing:-.09em;font-weight:650;margin:0 0 20px;line-height:1.15;white-space:nowrap}.featured h3>span:first-child{color:#e78b65}.title-spark{font-family:serif;display:inline-block;font-size:25px;vertical-align:top;margin:7px 0 0 15px;color:#e78b65;letter-spacing:0}.featured-description{font-size:15px;line-height:2;color:#b1bcb2;max-width:425px;margin:0 0 36px}.featured-button{display:inline-flex;align-items:center;justify-content:space-between;gap:63px;padding:16px 16px 16px 20px;min-width:198px;background:var(--orange);color:var(--night);font-size:14px;font-weight:750;transition:background .2s,transform .2s}.featured-button:hover{background:#f68f69;transform:translateY(-2px)}.button-arrow{font-size:21px;font-weight:400}.featured-art{width:min(100%,390px);height:360px;position:relative;justify-self:center;perspective:700px}.art-axis{position:absolute;background:#697d70;opacity:.28}.art-axis-x{height:1px;width:100%;top:57%;left:0}.art-axis-y{width:1px;height:100%;top:0;left:53%}.chip{position:absolute;width:192px;height:178px;border:1px solid #c9d0b0;transform:rotate(-29deg) skew(12deg,7deg);left:25%;top:28%}.chip-back{background:#314b3f;left:30%;top:17%;box-shadow:0 25px 50px #0e1513}.chip-middle{background:#4b6455;left:23%;top:25%}.chip-front{background:#e1decb;left:16%;top:33%;box-shadow:18px 22px 0 #172522}.chip-front:before{content:"";position:absolute;inset:16px;border:1px solid #505d4d}.chip-front span{display:block;font:700 35px/1.05 ui-monospace,monospace;letter-spacing:-.09em;color:#304237;transform:skew(-12deg,-7deg) rotate(29deg);position:absolute;left:42px;top:46px}.chip-front i{font:normal 12px ui-monospace,monospace;color:#304237;position:absolute;right:12px;bottom:10px}.art-pin{position:absolute;width:7px;height:7px;background:var(--orange);border-radius:50%}.art-pin-one{top:16%;left:18%}.art-pin-two{right:11%;bottom:25%}.art-label{position:absolute;bottom:10px;right:10px;font:10px ui-monospace,monospace;letter-spacing:.18em;color:#9eaca0}.featured-latest{display:flex;align-items:center;gap:25px;min-height:79px;border-top:1px solid var(--night-line);font-size:13px}.featured-latest>span{color:#d67755;white-space:nowrap}.featured-latest>a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#e3e9dd;transition:color .2s}.featured-latest>a:hover{color:#ff9e75}.featured-latest time{margin-left:auto;color:#9caa9e;font-family:ui-monospace,monospace;white-space:nowrap}
.shelves{padding:96px 0 138px}.shelf{display:grid;grid-template-columns:24% 1fr 150px;min-height:202px;border-bottom:1px solid var(--line);align-items:center;gap:24px;scroll-margin-top:25px}.shelf:first-child{border-top:1px solid var(--line)}.shelf-number{align-self:start;padding-top:31px;color:var(--orange);font-size:36px;font-weight:350;letter-spacing:-.08em}.shelf-number span{display:block;font-size:10px;color:var(--muted);letter-spacing:.13em;margin-top:6px}.shelf-body{padding:32px 0;position:relative}.shelf-icon{position:absolute;left:-49px;top:49px;color:var(--orange);font-size:25px}.shelf h3{font-family:"Noto Serif SC Local",serif;font-size:37px;margin:0 0 10px;letter-spacing:-.07em}.shelf p{font-size:14px;color:var(--muted);line-height:1.8;margin:0;max-width:480px}.shelf-state{font-size:11px;color:var(--muted);justify-self:end;align-self:end;padding-bottom:43px}.closing{min-height:320px;border-top:1px solid var(--ink);display:grid;grid-template-columns:24% 1fr 150px;gap:24px;align-items:center}.closing-symbol{font-size:75px;color:var(--orange);line-height:1}.closing-label{color:var(--muted);font-size:11px;margin:0 0 14px}.closing h2{font-family:"Noto Serif SC Local",serif;font-size:clamp(28px,3vw,46px);line-height:1.55;letter-spacing:-.08em;margin:0;font-weight:600}.closing>a{justify-self:end;align-self:end;margin-bottom:64px;border-bottom:1px solid var(--ink);padding-bottom:5px;font-size:12px}.site-footer{border-top:1px solid var(--line);display:flex;align-items:center;gap:30px;padding:28px 0 40px;color:var(--muted);font-size:10px}.footer-brand{font-family:Inter,"Noto Sans SC",sans-serif;font-weight:750;letter-spacing:-.06em;color:var(--ink);font-size:16px}.site-footer p{margin:0}.site-footer>span{margin-left:auto}
@media(max-width:1050px){.hero h1{font-size:clamp(54px,6vw,78px)}.hero-visual{transform:scale(.88);transform-origin:center right}.section-heading-wrap{display:block}.section-heading-wrap p{margin-top:24px}.featured h3{font-size:62px}.featured-content{grid-template-columns:1fr .7fr}.featured-art{transform:scale(.82);transform-origin:center}.shelf-icon{left:-34px}}
@media(max-width:720px){.site-shell{padding:0 22px}.site-header{height:76px;gap:20px}.brand-name{font-size:19px}.main-nav{display:none}.header-index{margin-left:auto;font-size:12px;gap:8px}.hero{min-height:auto;padding-top:20px}.hero-topline{font-size:9px}.edition{font-size:0}.live-dot{width:7px;height:7px}.hero-grid{display:block;min-height:0}.hero-copy{padding:88px 0 20px}.hero-preface{font-size:13px;margin-bottom:25px}.hero h1{font-size:clamp(42px,10vw,69px);white-space:normal;line-height:1.42}.hero-title-line{white-space:nowrap}.hero-description{font-size:14px;line-height:1.95;margin:30px 0 20px}.hero-link{font-size:13px}.hero-visual{height:360px;width:100%;max-width:420px;margin:auto;transform:scale(.75);transform-origin:center}.hero-bottomline{margin-top:-22px;font-size:9px}.hero-bottomline span:last-child{display:none}.section-intro{display:block;padding:84px 0 38px}.section-number{padding:0;margin-bottom:30px}.section-heading-wrap h2{font-size:37px}.section-heading-wrap p{font-size:13px;margin-top:18px}.featured{display:block;min-height:0}.featured-side{display:none}.featured-main{padding:24px 23px 0}.featured-overline{font-size:9px}.featured-status{font-size:0}.featured-status span{font-size:15px}.featured-content{display:block;min-height:0}.featured-copy{padding:52px 0 0}.featured-kicker{font-size:10px}.featured h3{font-size:clamp(55px,14vw,80px)}.featured-description{font-size:13px;margin:20px 0 28px}.featured-button{min-width:175px;font-size:13px;padding:12px 13px 12px 17px}.featured-art{height:285px;width:320px;max-width:100%;transform:scale(.75);transform-origin:center;margin:-10px auto -30px}.featured-latest{gap:12px;min-height:82px;font-size:11px}.featured-latest time{display:none}.shelves{padding:70px 0 90px}.shelf{display:block;min-height:0;padding:24px 0 30px}.shelf-number{padding:0;font-size:26px}.shelf-number span{display:inline;margin-left:7px}.shelf-body{padding:24px 0 12px 35px}.shelf-icon{left:0;top:29px;font-size:19px}.shelf h3{font-size:29px}.shelf p{font-size:12px}.shelf-state{display:block;padding:0 0 0 35px;font-size:10px}.closing{min-height:280px;grid-template-columns:60px 1fr;gap:14px;padding:45px 0}.closing-symbol{font-size:49px;align-self:start}.closing-label{font-size:9px}.closing h2{font-size:26px}.closing>a{grid-column:2;justify-self:start;align-self:start;margin:2px 0 0}.site-footer{flex-wrap:wrap;gap:12px;padding:25px 0 35px}.site-footer p{width:calc(100% - 90px);text-align:right}.site-footer>span{margin:0;width:100%}}
@media(max-width:380px){.site-shell{padding:0 17px}.hero h1{font-size:40px}.featured h3{font-size:54px}.featured-art{margin-left:-17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
.brand-name{display:flex;align-items:baseline;gap:12px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:26px;letter-spacing:-.08em}.brand-name small{font-size:8px;letter-spacing:.08em;font-weight:650;color:var(--muted);white-space:nowrap}.brand-dot{margin-left:-12px}.footer-brand{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:19px;letter-spacing:-.05em}
@media(max-width:720px){.brand-name{font-size:23px;gap:7px}.brand-dot{margin-left:-7px}.brand-name small{font-size:6px;max-width:62px;line-height:1.2;white-space:normal;letter-spacing:.03em}}
.language-switch{display:flex;align-items:center;gap:7px;flex-shrink:0;font:600 11px ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--muted)}.language-switch button{border:0;background:none;padding:8px 3px;color:var(--muted);font:inherit;cursor:pointer;white-space:nowrap}.language-switch button[aria-pressed=true]{color:var(--orange)}.language-switch button:hover{color:var(--ink)}.language-switch button:focus-visible{outline:2px solid var(--orange);outline-offset:2px}.site-header{gap:28px}.main-nav{gap:29px}.archive-language{font-size:11px;color:#91a397;letter-spacing:.02em;margin:16px 0 0}
:lang(en) .hero h1,:lang(en) .section-heading-wrap h2,:lang(en) .featured h3,:lang(en) .shelf h3,:lang(en) .closing h2{font-family:Georgia,"Times New Roman",serif}:lang(en) .hero h1{font-size:clamp(60px,5.5vw,92px);letter-spacing:-.065em}:lang(en) .featured h3{font-size:clamp(54px,5vw,78px);letter-spacing:-.065em}:lang(en) .section-heading-wrap h2{letter-spacing:-.055em}:lang(en) .shelf h3,:lang(en) .closing h2{letter-spacing:-.04em}
@media(max-width:1050px){:lang(en) .hero h1{font-size:clamp(52px,6vw,76px)}:lang(en) .featured h3{font-size:57px}}
@media(max-width:720px){.site-header{gap:12px}.header-index{display:none}.language-switch{margin-left:auto;gap:4px}.language-switch button{font-size:11px}.featured-status [data-i18n]{display:none}:lang(en) .hero h1{font-size:clamp(42px,10vw,62px)}:lang(en) .featured h3{font-size:clamp(45px,11vw,63px)}.archive-language{font-size:10px}}
@media(max-width:720px){:lang(en) .featured h3{white-space:normal;font-size:clamp(48px,12vw,58px);line-height:1.04;max-width:100%}}
.archive-address{margin-left:auto;color:#9caa9e;font:11px ui-monospace,monospace;white-space:nowrap}
@media(max-width:720px){.archive-address{display:none}}