@import"https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@400;500;600;700&family=Noto+Sans+TC:wght@400;500;600&display=swap";:root{color-scheme:dark;--bg: #0b100f;--surface: #111816;--text: #ece8dc;--muted: #a5aaa0;--gold: #d4b57e;--jade: #80b5a0;--red: #bc4937;--line: #8f95712f;--serif: "Noto Serif TC", "Songti TC", "PMingLiU", serif;--sans: "Noto Sans TC", system-ui, sans-serif;--mono: ui-monospace, "SFMono-Regular", Consolas, monospace;font-family:var(--sans);color:var(--text);background:var(--bg);line-height:1.8;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;isolation:isolate}::selection{color:#fff6e3;background:#853e32}a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.55}button,a,input{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--gold);outline-offset:5px}a,button{touch-action:manipulation}img,svg{max-width:100%}.container{width:min(1320px,calc(100% - 112px));margin-inline:auto}.skip-link{position:fixed;left:20px;top:-100px;padding:12px 24px;background:var(--gold);color:var(--bg);z-index:30}.skip-link:focus{top:12px}.atmosphere{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:#0b100f}.atmosphere:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 75% 25%,transparent 10%,#0b100f40 65%,#0b100fa0)}#star-field{position:absolute;inset:0;width:100%;height:100%}.ink-cloud{position:absolute;width:75vw;height:75vw;border-radius:50%;opacity:.65;will-change:transform}.cloud-one{right:-25%;top:-45%;background:radial-gradient(ellipse,#355a493d,transparent 68%);animation:ink-drift 26s ease-in-out infinite alternate}.cloud-two{left:-40%;top:35%;background:radial-gradient(ellipse,#753d2529,transparent 65%);animation:ink-drift 32s ease-in-out infinite alternate-reverse}.background-grid{position:absolute;inset:0;background-image:linear-gradient(#bda47505 1px,transparent 1px),linear-gradient(90deg,#bda47505 1px,transparent 1px);background-size:90px 90px;mask-image:linear-gradient(transparent,#0008,transparent)}.reading-progress{position:fixed;top:0;left:0;height:2px;width:100%;transform:scaleX(0);transform-origin:left;background:var(--gold);z-index:25}.site-header{position:relative;z-index:10;border-bottom:1px solid var(--line);background:#0b100f94}.nav{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;gap:14px;align-items:center;white-space:nowrap}.brand-seal{border:1px solid #d55d46;outline:1px solid #d55d4660;outline-offset:3px;color:#ee8066;font-family:var(--serif);line-height:1.1;padding:4px 6px;font-size:17px}.brand>span:last-child{font-family:var(--serif);font-size:20px;letter-spacing:.14em}.brand small{display:block;font:9px/1.8 var(--mono);letter-spacing:.13em;color:var(--muted);margin-top:4px}.nav-links{display:flex;gap:28px}.nav-links a{font-size:13px;letter-spacing:.12em;min-height:44px;display:grid;place-items:center;position:relative;color:#bdc0b6}.nav-links a:after{content:"";position:absolute;bottom:0;left:50%;right:50%;height:1px;background:var(--gold);transition:left .25s,right .25s}.nav-links a:hover,.nav-links a[aria-current]{color:var(--gold)}.nav-links a:hover:after,.nav-links a[aria-current]:after{left:0;right:0}.nav-tools{display:flex;align-items:center;gap:12px}.nav-tools button{background:none;border:0;display:flex;align-items:center;gap:9px;min-height:44px;padding:5px;font-size:11px;color:var(--muted)}.motion-icon{width:7px;height:10px;border-inline:2px solid var(--gold)}[aria-pressed=true] .motion-icon{border:0;width:0;height:0;border-left:7px solid var(--gold);border-top:5px solid transparent;border-bottom:5px solid transparent}.search-link{width:44px;height:44px;border:1px solid var(--line);display:grid;place-items:center}.search-link:hover{border-color:var(--gold)}.observatory{position:relative;overflow:clip}.observatory:before{content:"";position:absolute;width:850px;height:850px;right:-5%;top:-20px;border:1px solid #d4b57e0c;border-radius:50%;box-shadow:0 0 0 60px #d4b57e03,0 0 0 120px #d4b57e03;pointer-events:none}.hero-grid{display:grid;grid-template-columns:.93fr 1.07fr;min-height:685px;align-items:center;gap:12px}.hero-copy{padding-block:70px 50px;position:relative;z-index:2}.eyebrow{font-size:11px;color:var(--gold);letter-spacing:.24em;margin:0 0 28px;display:flex;align-items:center;gap:12px}.tiny-seal{border:1px solid #b65544;color:#e07863;padding:0 5px;font-family:var(--serif);font-size:12px}h1,h2,h3,p{overflow-wrap:break-word}h1,h2,h3{font-family:var(--serif);font-weight:500}.hero-copy h1{font-size:clamp(52px,5.3vw,82px);line-height:1.5;letter-spacing:.08em;margin:0;font-weight:500;white-space:nowrap}.gold-word{color:var(--gold);background:linear-gradient(105deg,#d2b88e 15%,#f8e7c9,#c49a5d 65%,#e8d1a4);background-clip:text;-webkit-text-fill-color:transparent}.title-dot{color:var(--gold);margin-left:-.1em}.hero-subtitle{color:var(--gold);letter-spacing:.38em;font-family:var(--serif);font-size:16px;margin:20px 0 18px}.hero-description{color:var(--muted);font-size:13px;line-height:2.2;margin:0}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:35px}.primary-action{display:inline-flex;align-items:center;justify-content:space-between;gap:42px;min-height:52px;padding:12px 24px;color:#fff4e6;background:#a83e2d;border:1px solid #db725266;font-size:13px;letter-spacing:.12em;position:relative;overflow:hidden}.primary-action:after{content:"";position:absolute;inset:-50%;background:linear-gradient(100deg,transparent 35%,#ffe8cc30,transparent 65%);transform:translate(-100%);transition:transform .65s}.primary-action:hover:after{transform:translate(100%)}.primary-action:hover{background:#bd4a36}.secondary-action{min-height:44px;display:inline-flex;align-items:center;gap:24px;font-size:13px;color:#dedacb;border-bottom:1px solid var(--line)}.secondary-action:hover{color:var(--gold);border-color:var(--gold)}.hero-footnote{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:10px;letter-spacing:.08em;margin-top:48px}.hairline{width:35px;height:1px;background:#a7864d}.hero-rails{position:absolute;inset:40px 18px 80px;display:flex;justify-content:space-between;pointer-events:none;color:#a49477;font:11px var(--serif);letter-spacing:.3em}.hero-rails span{writing-mode:vertical-rl}.hero-rails span:last-child{align-self:end}.instrument-wrap{position:relative;padding:34px 0 24px;min-width:0}.instrument-caption{display:flex;justify-content:space-between;color:var(--gold);font-size:11px;letter-spacing:.17em;padding-inline:18px}.instrument-caption>span:last-child{font:9px/2 var(--mono);color:var(--muted);letter-spacing:.06em}.instrument{position:relative;width:100%;height:470px;cursor:grab;touch-action:pan-y}.instrument:active{cursor:grabbing}.instrument canvas{width:100%;height:100%;position:absolute;inset:0}.instrument:before{content:"";position:absolute;inset:12%;border-radius:50%;background:radial-gradient(ellipse,#8b6d3433,#35594311 45%,transparent 70%)}.cardinal{position:absolute;color:#c3af8c;font:12px var(--serif);z-index:1;pointer-events:none}.north{top:10px;left:50%}.south{bottom:12px;left:50%}.east{top:50%;right:10px}.west{top:50%;left:10px}.instrument-bottom{display:flex;justify-content:space-between;align-items:center;padding-inline:20px;gap:10px}.instrument-bottom p{font-size:10px;letter-spacing:.08em;color:var(--muted)}.instrument-bottom button{background:transparent;border:none;min-height:44px;color:var(--gold);font-size:11px}.scene-controls{display:flex;justify-content:center;gap:0;width:fit-content;margin:8px auto 0;border:1px solid var(--line)}.scene-controls button{min-width:100px;min-height:44px;background:#0c1310b0;border:0;border-right:1px solid var(--line);font-size:12px;color:#bbb8aa}.scene-controls button:last-child{border-right:0}.scene-controls button span{color:#a6a590;font:10px var(--serif);margin-right:8px}.scene-controls button[aria-pressed=true]{background:#c4a46b20;color:#f3debc;box-shadow:inset 0 -2px #bba06d}.instrument-fallback{position:absolute;inset:15%;display:grid;place-items:center}.instrument-fallback span{position:absolute;inset:0;border:2px solid #b9996480;border-radius:50%;transform:rotate(-25deg) scaleY(.5)}.instrument-fallback span:nth-child(2){transform:rotate(65deg) scaleY(.5)}.instrument-fallback span:nth-child(3){transform:rotate(20deg)}.instrument-fallback b{font:60px var(--serif);color:var(--gold)}.instrument[data-ready=true] .instrument-fallback{display:none}.hero-bottom{display:flex;align-items:center;justify-content:space-between;padding:22px 0;border-top:1px solid var(--line);color:var(--muted);font-size:11px;letter-spacing:.12em}.hero-bottom i{display:inline-block;width:5px;height:5px;margin-right:8px;border-radius:50%;background:var(--jade);box-shadow:0 0 9px #80b5a0}.hero-bottom a{color:var(--gold);min-height:44px;display:flex;align-items:center;gap:20px}.hero-bottom a span{animation:cue 2.5s ease-in-out infinite}.collection-section{padding:86px 0 92px}.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:36px}.section-heading .eyebrow{margin-bottom:15px}.section-heading h2{font-size:clamp(26px,3vw,39px);letter-spacing:.08em;margin:0}.section-heading>p{font-size:12px;line-height:2;color:var(--muted);margin:0 0 5px}.collection-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.collection-card{position:relative;isolation:isolate;padding:23px;border:1px solid var(--line);background:linear-gradient(130deg,#22291e60,#121a16b0);transition:border-color .3s,transform .35s,background .3s;overflow:hidden}.collection-card:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(250px circle at var(--pointer-x,50%) var(--pointer-y,50%),#d8bc7430,transparent 70%);opacity:0;transition:opacity .3s}.collection-card:after{content:"";position:absolute;top:-1px;left:-1px;width:15px;height:15px;border-top:2px solid #ae9366;border-left:2px solid #ae9366}.collection-card:hover{border-color:#a48c5b90;transform:translateY(-7px)}.collection-card:hover:before{opacity:1}.card-top{display:flex;justify-content:space-between;align-items:center;color:var(--gold);font:15px var(--serif)}.card-en{font:9px var(--mono);color:var(--muted);letter-spacing:.12em}.card-arrow{font-family:var(--sans);transition:transform .3s}.collection-card:hover .card-arrow{transform:translate(3px,-3px)}.card-art{position:relative;height:160px;margin:8px -10px 12px;display:grid;place-items:center}.card-art svg{width:100%;height:100%}.art-lines{stroke:#c8aa70;stroke-width:.8;opacity:.55;transition:opacity .3s}.art-lattice .art-lines{stroke:#8cc4b0;opacity:.4}.art-waves .art-lines{stroke:#ce7862}.art-stars .art-lines{stroke:#99bca7}.collection-card:hover .art-lines{opacity:.95}.art-character{position:absolute;font:62px var(--serif);opacity:.08;right:15px;top:30px}.collection-card h3{font-size:23px;letter-spacing:.13em;margin:0 0 10px}.collection-card>p{font-size:12px;line-height:2;color:var(--muted);margin:0;min-height:50px}.card-base{border-top:1px solid var(--line);padding-top:17px;margin-top:24px;display:flex;justify-content:space-between;color:#c7b794;font-size:10px}.journal-section{padding:25px 0 70px}.sample-notice{color:var(--muted);font-size:11px}.journal-list{border-top:1px solid var(--line)}.journal-row{display:grid;grid-template-columns:40px 130px 1fr 40px;align-items:center;gap:20px;border-bottom:1px solid var(--line);padding:25px 10px;transition:background .25s,padding .25s}.journal-row:hover{background:#c8ac7a08;padding-left:18px}.entry-no{font:11px var(--mono);color:var(--gold)}.journal-row time{font:11px var(--mono);color:var(--muted)}.entry-category{font-size:10px;color:var(--jade);letter-spacing:.1em}.journal-row h3{font-family:var(--sans);font-size:15px;font-weight:400;margin:6px 0 0}.entry-arrow{color:var(--gold);text-align:right}.closing{padding:75px 0 100px;text-align:center;position:relative}.closing:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse,#a0854d10,transparent 65%);pointer-events:none}.closing-seal{display:inline-block;padding:7px;color:#d16954;border:1px solid #8e4c3b;font:16px/1.4 var(--serif);writing-mode:vertical-rl;letter-spacing:.15em}.closing p{font:500 clamp(23px,3vw,34px)/1.9 var(--serif);letter-spacing:.16em}.closing a{position:relative}.site-footer{border-top:1px solid var(--line);padding:35px 0;background:#080e0bbb}.footer-grid{display:flex;justify-content:space-between;align-items:center;gap:20px}.footer-brand{font:20px var(--serif);letter-spacing:.1em}.footer-brand span{display:block;font:11px var(--sans);color:var(--muted);margin-top:14px;letter-spacing:.05em}.footer-grid p{font-size:12px;color:var(--muted)}.footer-grid small{font:10px var(--mono)}.back-top{font-size:12px;color:var(--gold);padding:12px 0}.section{padding-block:70px 100px;min-height:65vh}.section h1{font-size:clamp(32px,5vw,60px);line-height:1.45;margin:15px 0 24px}.section .lede{max-width:65ch;color:var(--muted);font-size:16px;margin-bottom:45px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:22px}.card{padding:30px;border:1px solid var(--line);background:#101a15c9}.card h3{font-size:24px;line-height:1.6}.card p,.card small{color:var(--muted)}.card small{display:block;margin-top:24px}.tag{font-size:11px;color:var(--gold)}.card a:hover{color:var(--gold)}article.section{max-width:850px}article.section h2{margin-top:50px;font-size:27px}article.section p{line-height:2}article.section a{color:var(--gold);text-decoration:underline}pre{overflow-x:auto;padding:22px;border:1px solid var(--line)}code{font-family:var(--mono)}input{width:100%;min-height:50px;background:#08110c;border:1px solid #728572;color:var(--text);margin:12px 0;padding:12px}.button{display:inline-flex;padding:12px 24px;background:var(--red);color:#fff}.reveal-pending{opacity:0;transform:translateY(24px)}[data-reveal]{transition:opacity .7s,transform .7s}@keyframes ink-drift{to{transform:translate3d(12vw,14vh,0) rotate(25deg)}}@keyframes cue{50%{transform:translateY(5px)}}@media(min-width:1600px){.hero-grid{min-height:780px}.instrument{height:550px}}@media(max-width:1100px){.container{width:calc(100% - 64px)}.nav-links{gap:18px}.brand small{display:none}.nav{gap:18px}.motion-label{display:none}.nav-tools button{min-width:44px;justify-content:center}.hero-copy h1{font-size:58px}.hero-grid{gap:0}.instrument{height:430px}.hero-rails{display:none}.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.container{width:calc(100% - 40px)}.nav{flex-wrap:wrap;gap:4px 12px;padding-block:16px 0}.brand>span:last-child{font-size:18px}.nav-links{order:3;width:100%;justify-content:space-between;gap:10px}.nav-links a{font-size:12px}.nav-tools{margin-left:auto}.hero-grid{grid-template-columns:1fr}.hero-copy{padding:45px 0 10px}.hero-copy h1{font-size:clamp(45px,8.4vw,64px);line-height:1.45}.hero-copy .eyebrow{margin-bottom:20px;font-size:10px}.hero-description{font-size:12px}.hero-subtitle{font-size:14px;margin-top:22px}.hero-footnote{margin-top:24px}.instrument-wrap{padding-top:28px}.instrument{height:370px}.instrument-caption{padding-inline:4px}.instrument-bottom{padding-inline:0}.instrument-bottom p{font-size:9px}.hero-bottom{font-size:10px}.hero-bottom .edition{display:none}.section-heading{display:block}.section-heading>p,.sample-notice{display:block;margin-top:18px}.collection-section{padding-block:58px}.collection-grid{gap:12px}.collection-card{padding:17px}.card-art{height:125px}.card-en{font-size:8px}.collection-card h3{font-size:20px}.collection-card>p{font-size:11px;min-height:68px}.card-top{font-size:13px}.card-base{font-size:9px}.journal-row{grid-template-columns:24px 1fr 22px;gap:12px}.journal-row time{grid-column:2;font-size:10px}.journal-row>div{grid-column:2}.entry-arrow{grid-column:3;grid-row:1 / 3}.journal-row h3{font-size:13px}.closing{padding-block:50px 65px}.footer-grid{flex-wrap:wrap}.footer-brand{flex:1 0 60%}.footer-grid p{order:3}}@media(max-width:380px){.collection-grid{grid-template-columns:1fr}.card-art{height:160px}.collection-card>p{min-height:0}.instrument{height:320px}}html[data-motion=paused] *,html[data-motion=paused] *:before,html[data-motion=paused] *:after{animation-play-state:paused!important}html[data-motion=paused] .collection-card:hover{transform:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.collection-card:hover{transform:none}.reveal-pending{opacity:1;transform:none}}