:root{--paper:#f2f2e9;--cream:#fcfbf5;--ink:#253e37;--muted:#748079;--jade:#315e50;--jade-dark:#183e36;--gold:#b39a66;--line:#d9ddd0;--sans:'Noto Sans TC','Microsoft JhengHei',sans-serif;--serif:'Noto Serif TC','PMingLiU',serif;--shadow:0 16px 50px #243c2b0b}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;color:var(--ink);background:#e9eee4;font:14px/1.9 var(--sans);-webkit-font-smoothing:antialiased}body::before{content:'';position:fixed;inset:0;z-index:-1;background:linear-gradient(#eef1e9d9,#eef1e9f5),url('../backgrounds/雨沐天堂-雨後初晴-無字背景-v1.png') center/cover}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--gold);outline-offset:5px}img{display:block;max-width:100%}h1,h2,h3,h4,p,figure{margin:0}h1,h2,h3,h4{font-family:var(--serif);font-weight:600}::selection{background:#c8d6bd;color:var(--jade-dark)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:20px;top:-80px;padding:12px 20px;z-index:500;background:var(--cream)}.skip-link:focus{top:16px}.eyebrow{font-size:10px;letter-spacing:.22em;color:var(--gold);font-weight:600}.text-link{display:inline-flex;align-items:center;gap:24px;font-size:12px;color:var(--jade);padding-bottom:5px;border-bottom:1px solid #b5beac;white-space:nowrap}.text-link span{transition:transform .2s}.text-link:hover span{transform:translateX(4px)}.button{display:inline-flex;align-items:center;justify-content:center;gap:35px;min-height:46px;padding:9px 24px;border:1px solid var(--line);font-size:12px;letter-spacing:.08em;background:none}.button.primary{color:var(--cream);background:var(--jade-dark);border-color:var(--jade-dark)}.button:hover{border-color:var(--gold)}

[hidden]{display:none!important}

/* A quiet, compact navigation above a world in motion. */
#site-header{position:sticky;top:0;z-index:60;background:#f9faf3f5;backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.header-inner{max-width:1380px;margin:auto;display:flex;align-items:center;gap:32px;padding:0 42px;height:86px}.brand{display:flex;align-items:center;flex:0 0 184px}.brand img{width:184px;height:76px;object-fit:contain}.main-nav{display:flex;align-items:center;justify-content:center;gap:31px;margin-left:auto}.main-nav>a,.nav-group>summary{font-size:12px;letter-spacing:.06em;position:relative;cursor:pointer;list-style:none;padding:30px 0}.nav-group>summary::-webkit-details-marker{display:none}.nav-group>summary::after{content:'⌄';font-family:var(--sans);margin-left:6px;color:var(--muted)}.main-nav>a::after{content:'';position:absolute;bottom:21px;height:1px;background:var(--gold);left:0;right:100%;transition:right .2s}.main-nav>a:hover::after,.main-nav>a[aria-current=page]::after{right:0}.nav-group{position:relative}.nav-popover{position:absolute;top:65px;left:-25px;width:190px;padding:12px;background:var(--cream);border:1px solid var(--line);box-shadow:var(--shadow)}.nav-popover a{display:block;padding:8px 12px;font-size:12px}.nav-popover a:hover{background:#e9eee2;color:var(--jade)}.header-tools{display:flex;align-items:center;gap:17px;border-left:1px solid var(--line);padding-left:24px}.search-open{width:28px;height:36px;border:0;background:none;padding:3px}.search-open svg{width:20px;height:20px}.header-tools .contact-button{font-size:10px;letter-spacing:.08em;border:1px solid #ccd3c4;background:transparent;padding:7px 12px;color:#8b9589}.menu-toggle{display:none}

/* Existing finished key art contains the approved wordmark. */
.hero-banner{position:relative;max-width:1600px;margin:auto;aspect-ratio:1672/941;max-height:770px;min-height:440px;overflow:hidden;background:#99b6b0}.hero-image{width:100%;height:100%;object-fit:cover;object-position:center}.hero-banner::after{content:'';position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#102d28b8);pointer-events:none;z-index:2}.hero-caption{position:absolute;bottom:39px;left:max(6%,40px);right:max(6%,40px);display:flex;justify-content:space-between;align-items:flex-end;z-index:5;color:#fffef1}.hero-caption .eyebrow{color:#eee7c3;font-size:9px;text-shadow:0 1px 6px #152b24}.hero-tagline{font:500 clamp(16px,1.7vw,24px)/1.6 var(--serif);letter-spacing:.14em;margin-top:5px;text-shadow:0 1px 6px #152b24}.hero-explore{display:flex;gap:30px;align-items:center;font-size:11px;letter-spacing:.12em}.hero-explore span{display:grid;place-items:center;width:36px;height:36px;border:1px solid #fff8}.scene-toggle{position:absolute;z-index:6;top:20px;right:24px;border:1px solid #ffffff69;background:#183a344d;color:#f9faef;font-size:10px;letter-spacing:.1em;padding:8px 13px;backdrop-filter:blur(6px)}.play-symbol{margin-right:6px}.scene-video,.scene-shade{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity 1s}.scene-video{overflow:hidden}.scene-video iframe{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max(100%,260%);height:150%;border:0}.scene-shade{background:linear-gradient(90deg,#122c2be6,#122c2b55 60%,transparent)}.scene-logo{display:none;position:absolute;width:47%;left:7%;top:30%;filter:drop-shadow(0 3px 8px #163d3b);pointer-events:none}.hero-banner.is-scene-playing .scene-video,.hero-banner.is-scene-playing .scene-shade{opacity:1}.hero-banner.is-scene-playing .scene-logo{display:block}.home-content{max-width:1240px;background:var(--paper);margin:0 auto;padding:0 54px;box-shadow:var(--shadow)}.quick-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0 -54px;background:var(--cream);border-bottom:1px solid var(--line)}.quick-nav>a{display:flex;align-items:center;gap:16px;padding:28px 23px;border-right:1px solid var(--line);transition:background .2s}.quick-nav>a:hover{background:#e9ede2}.quick-nav>a:last-child{border:0}.quick-index{font:500 11px var(--serif);color:var(--gold)}.quick-nav b{display:block;font:600 16px var(--serif);letter-spacing:.08em}.quick-nav small{font-size:10px;letter-spacing:.06em;color:var(--muted)}.link-arrow{margin-left:auto;color:var(--gold);font-size:17px}.home-section{padding:82px 0;border-bottom:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:34px;margin-bottom:36px}.section-heading h2{font-size:clamp(25px,2.8vw,35px);line-height:1.55;letter-spacing:.1em;margin-top:10px}.section-heading>p{font-size:12px;color:var(--muted);line-height:2.1}.section-heading>.text-link{margin-bottom:7px}.intro-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:65px;align-items:center}.intro-art{position:relative;overflow:hidden}.intro-art img{width:100%;aspect-ratio:1.2;object-fit:cover;object-position:67% center;filter:saturate(.72)}.intro-art span{position:absolute;bottom:23px;left:24px;color:#fff;font:500 13px var(--serif);letter-spacing:.15em;text-shadow:0 1px 6px #1b3d34}.intro-copy .eyebrow{font-size:9px}.intro-copy h3{font-size:27px;line-height:1.75;letter-spacing:.07em;margin:17px 0}.intro-copy>p:not(.eyebrow){font-size:13px;line-height:2.2;color:var(--muted);margin-bottom:15px}.intro-copy>.text-link{margin-top:12px}.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.feature-card{position:relative;padding:22px 0 0;display:flex;flex-direction:column;border-top:1px solid #b2bdab}.feature-card>img{width:61px;height:61px;object-fit:contain;filter:saturate(.55);margin-bottom:24px;transition:transform .25s}.feature-card:hover>img{transform:translateY(-5px)}.feature-no{position:absolute;right:3px;top:28px;color:#b6bcae;font:500 11px var(--serif)}.feature-card h3{font-size:19px;letter-spacing:.06em;margin-bottom:10px}.feature-card p{color:var(--muted);font-size:11px;line-height:2;flex:1}.card-link{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:25px;padding-top:14px;color:var(--jade);font-size:10px}.card-link>span{color:var(--gold)}

.class-tabs{display:flex;border-bottom:1px solid #bbc6b4;margin-bottom:0;overflow-x:auto;scrollbar-width:thin}.class-tabs button{flex:1;white-space:nowrap;border:0;border-bottom:2px solid transparent;padding:15px 16px;color:var(--muted);font-size:12px;letter-spacing:.1em;background:none}.class-tabs button[aria-selected=true]{color:var(--jade);border-color:var(--jade);background:#e5ebdd}.class-panel{position:relative;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);overflow:hidden;background:#e4e9dd}.class-media{display:flex;align-items:center;min-width:0;min-height:360px;background:#11191c}.class-media>img{display:block;width:100%;height:auto;aspect-ratio:40/17;object-fit:contain;object-position:center;filter:saturate(.68)}.class-copy{position:relative;z-index:2;padding:40px 38px}.class-copy h3{font-size:43px;letter-spacing:.14em;margin:7px 0 12px}.class-role{font-family:var(--serif);font-size:15px;margin-bottom:12px}.class-copy>p:not(.eyebrow):not(.class-role){font-size:12px;color:var(--muted);line-height:2}.class-tags{display:flex;gap:9px;margin:20px 0 23px}.class-tags>span{border:1px solid #becab5;font-size:9px;color:#697965;padding:3px 11px}.class-watermark{position:absolute;right:-10px;bottom:-55px;font:900 130px var(--serif);color:#374b3610;pointer-events:none}.journal-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:45px}.journal-feature{position:relative;display:block;padding:31px;background:var(--jade-dark);color:var(--cream);overflow:hidden}.journal-feature::before{content:'';position:absolute;width:200px;height:200px;border:1px solid #9bba9040;border-radius:50%;right:-65px;top:10px}.journal-label{font-size:9px;color:#bfcbac;letter-spacing:.16em}.journal-feature h3{font-size:28px;line-height:1.65;letter-spacing:.08em;margin:13px 0}.journal-feature>p{font-size:11px;color:#c0ccba}.journal-feature>.text-link{margin-top:25px;color:#dfdfc4;font-size:10px;border-color:#728871}.journal-list{align-self:center;border-top:1px solid var(--line)}.journal-list a{display:flex;align-items:center;gap:18px;padding:23px 0;border-bottom:1px solid var(--line);transition:padding .2s}.journal-list a:hover{padding-left:8px}.journal-list a>span{font-size:9px;color:var(--gold);letter-spacing:.1em}.journal-list b{font-size:13px;font-weight:400}.journal-list i{font-style:normal;color:var(--gold);margin-left:auto}.preparation-section{display:grid;grid-template-columns:1.5fr 1fr;gap:65px;padding:64px 0}.preparation-section h2{font-size:26px;letter-spacing:.08em;margin:9px 0}.preparation-section p:not(.eyebrow){font-size:11px;color:var(--muted)}.preparation-links a{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:9px 0;font-size:11px}.preparation-links span{font-size:9px;color:#8c9685}

/* A readable archive, shared by every inner page. */
.page-main{max-width:1240px;margin:0 auto;min-height:70vh;background:var(--paper);padding:30px 54px 80px;box-shadow:var(--shadow)}.breadcrumb{display:flex;gap:12px;font-size:10px;color:#8d968a;margin-bottom:44px}.breadcrumb a:hover{color:var(--jade)}.page-heading{margin-bottom:44px}.page-heading h1{font-size:36px;letter-spacing:.08em;margin:9px 0 15px;line-height:1.5}.page-heading>p:last-child{color:var(--muted);font-size:13px}.library-search{max-width:680px;margin:0 0 44px}.library-search label{display:block;font-size:10px;letter-spacing:.08em;margin-bottom:9px;color:var(--muted)}.library-search>div{position:relative}.library-search input{display:block;width:100%;height:51px;padding:12px 45px 12px 17px;color:var(--ink);border:1px solid #c8d1bd;border-radius:0;background:var(--cream);appearance:none}.library-search input::placeholder{color:#9ca292;font-size:12px}.library-search>div>span{position:absolute;right:16px;top:7px;font-size:23px;color:var(--gold)}.library-layout{display:grid;grid-template-columns:180px minmax(0,1fr);gap:40px}.library-sidebar>p,.guide-sidebar>p{font-size:10px;color:var(--gold);letter-spacing:.14em;padding-bottom:13px;border-bottom:1px solid var(--line)}.library-sidebar nav{display:flex;flex-direction:column;gap:4px;margin-top:10px}.category-button{display:flex;justify-content:space-between;align-items:center;text-align:left;padding:10px 12px;border:0;background:none;font-size:12px;color:var(--muted)}.category-button small{font:500 10px var(--serif);color:#91a085}.category-button[aria-pressed=true]{color:var(--jade);background:#e2e9d8;border-left:2px solid var(--jade)}.results-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #bcc8b1;padding:0 0 16px}.results-heading h2{font-size:20px;letter-spacing:.06em}.results-heading>span{font-size:10px;color:var(--muted)}.guide-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 30px}.guide-card{position:relative;display:flex;flex-direction:column;min-width:0;padding:25px 20px 25px 0;border-bottom:1px solid var(--line);min-height:132px}.guide-card>small{font-size:9px;color:var(--gold);letter-spacing:.13em}.guide-card h3{font-size:17px;line-height:1.6;margin:6px 0;color:var(--ink)}.guide-card p{font-size:11px;line-height:1.8;color:var(--muted);overflow-wrap:anywhere}.guide-card .link-arrow{position:absolute;right:0;top:28px}.guide-card:hover h3{color:#8f7444}.no-results{grid-column:1/-1;padding:50px 15px;color:var(--muted);text-align:center}.no-results>p{margin-bottom:15px}.guide-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:45px}.guide-sidebar{align-self:start;position:sticky;top:110px;max-height:calc(100vh - 150px);overflow-y:auto;scrollbar-width:thin}.guide-sidebar>a{display:block;padding:9px 8px;font-size:11px;color:var(--muted);border-bottom:1px solid #dce1d2}.guide-sidebar>a[aria-current=page]{background:#e2e9d8;color:var(--jade);border-left:2px solid var(--jade)}.guide-sidebar .sidebar-back{font-size:10px;border:0;margin-top:16px}.guide-article{min-width:0}.article-header{padding-bottom:27px;border-bottom:1px solid #bcc7b0}.article-header h1{font-size:34px;line-height:1.6;letter-spacing:.05em;margin:7px 0 10px}.article-header>p:last-child{color:var(--muted);font-size:12px}.draft-note{display:flex;gap:12px;align-items:flex-start;border-left:2px solid var(--gold);background:#eae9db;padding:13px 16px;margin:24px 0 20px;color:#81765d}.draft-note span{line-height:1.7}.draft-note p{font-size:10px;line-height:1.9}.article-toc{display:flex;gap:10px 19px;flex-wrap:wrap;font-size:10px;padding:13px 0 20px;border-bottom:1px solid var(--line);margin-bottom:30px}.article-toc:empty{display:none}.article-toc>a{color:var(--jade);border-bottom:1px solid #c2cbb5}.article-body{font-size:13px;line-height:2.1;overflow-wrap:anywhere;color:#4d5c50}.article-body h1,.article-body h2,.article-body h3,.article-body h4{color:var(--ink);line-height:1.7;margin:27px 0 13px;scroll-margin-top:105px}.article-body h2{font-size:22px;letter-spacing:.04em;padding-bottom:10px;border-bottom:1px solid var(--line)}.article-body h3{font-size:17px}.article-body h4{font-size:14px}.article-body p{margin:10px 0 17px}.article-body ul,.article-body ol{padding-left:24px}.article-body a[href]{color:#5e8065;text-decoration:underline;text-underline-offset:4px}.article-body a[aria-disabled]{pointer-events:none}.article-body img{max-height:420px;object-fit:contain}.article-body strong{font-weight:600;color:#355841}.article-body .content-card{margin:0 0 27px}.article-body .guide-kicker,.article-body .section-kicker{font-size:9px;letter-spacing:.16em;color:var(--gold)}.article-body [class*='grid']{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.article-body [class*='panel'],.article-body .doll-card,.article-body .eye-card{min-width:0;border:1px solid var(--line);padding:18px;background:#f8f8ef}.article-body .doll-icon,.article-body .dir-icon{display:none}.article-body [class*='table-wrap'],.article-body .table-scroll{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;margin:16px 0 24px}.article-body table{width:100%;min-width:450px;border-collapse:collapse;margin:0;text-align:left;font-size:11px;line-height:1.9}.article-body th{background:#e1e8d8;color:#3d5846;font-size:10px;font-weight:500;letter-spacing:.04em}.article-body th,.article-body td{padding:12px 14px;border:1px solid #d4dccb;vertical-align:top;overflow-wrap:normal;word-break:normal}.article-body tr:nth-child(even){background:#f7f7ed}.article-body .table-section-row td{background:#e8ecdf;font-weight:600}.article-body .guide-nav{display:flex;gap:13px;flex-wrap:wrap;padding:15px 0}.article-body .guide-route{border-left:1px solid #b4c3a7;padding:4px 0 4px 20px;margin:16px 0}.article-body .dir-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-body .dir-card{display:flex;flex-direction:column;padding:15px;border:1px solid var(--line)}.article-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:25px;margin-top:45px;font-size:11px;color:var(--jade)}.table-hint{color:var(--muted);font-size:9px;letter-spacing:.06em;margin:0 0 8px!important}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;min-height:420px;border:1px solid var(--line);padding:60px 25px;background:linear-gradient(#f9faf0df,#f6f8ecf2),url('../backgrounds/雨沐天堂-雨後初晴-無字背景-v1.png') center/cover}.empty-symbol{font:500 45px var(--serif);color:#a3b29a;margin-bottom:15px}.empty-state h2{font-size:27px;letter-spacing:.08em;margin:15px 0}.empty-state>p:not(.eyebrow){font-size:12px;color:var(--muted)}.empty-state>.button{margin-top:30px}

.site-footer{max-width:1240px;margin:0 auto;padding:35px 54px;background:#e0e7d9;border-top:1px solid #cdd7c3;display:grid;grid-template-columns:1fr auto;gap:22px;align-items:center}.footer-brand{display:flex;align-items:center;gap:20px}.footer-brand img{width:123px}.footer-brand p{font-size:10px;color:#71816a}.footer-links{display:flex;gap:23px;font-size:10px;color:#6d7d65}.footer-legal{grid-column:1/-1;display:flex;justify-content:space-between;font-size:9px;color:#87917f;border-top:1px solid #cbd4c0;padding-top:18px;gap:20px}.back-top{position:fixed;bottom:25px;right:23px;width:37px;height:37px;border:1px solid #b7c4a9;background:#f5f7e9ed;color:var(--jade);z-index:15;opacity:0;pointer-events:none;transition:opacity .2s}.back-top.is-visible{opacity:1;pointer-events:auto}.search-dialog{width:min(650px,calc(100vw - 32px));max-height:85vh;padding:0;border:1px solid #bdcbb0;background:var(--paper);color:var(--ink);box-shadow:0 30px 100px #142c3060}.search-dialog::backdrop{background:#142d2bd6;backdrop-filter:blur(5px)}.search-dialog-head{display:flex;align-items:center;justify-content:space-between;padding:20px 26px;border-bottom:1px solid var(--line)}.search-dialog h2{font-size:21px}.search-close{background:none;border:0;color:var(--muted);font-size:23px;padding:0 5px}.search-dialog-body{padding:20px 26px}.search-dialog-body label{font-size:10px;color:var(--muted)}.search-dialog input{width:100%;padding:11px 13px;margin:9px 0 15px;border:1px solid #bfcab2;background:var(--cream);color:var(--ink);border-radius:0}.search-results{max-height:45vh;overflow:auto}.search-result{display:block;padding:15px 0;border-bottom:1px solid var(--line)}.search-result small{display:block;font-size:9px;color:var(--gold)}.search-result b{font-size:13px;font-weight:500}.search-status{font-size:11px;color:var(--muted);padding:15px 0}

@media(min-width:1600px){.hero-banner{min-height:770px}}
@media(max-width:1100px){.header-inner{gap:20px;padding:0 24px}.brand{flex-basis:155px}.brand img{width:155px}.main-nav{gap:20px}.header-tools{padding-left:17px;gap:12px}.header-tools .contact-button{display:none}.home-content{padding:0 35px}.quick-nav{margin:0 -35px}.quick-nav>a{padding:24px 16px;gap:10px}.quick-nav b{font-size:14px}.intro-grid{gap:35px}.intro-copy h3{font-size:24px}.class-copy{padding:32px 28px}.page-main{padding:28px 35px 65px}.guide-layout{gap:30px;grid-template-columns:160px minmax(0,1fr)}.section-heading h2{font-size:29px}.site-footer{padding:30px 35px}.feature-grid{gap:18px}}
@media(max-width:800px){.header-inner{height:73px}.brand{flex-basis:153px}.brand img{height:63px}.main-nav{position:absolute;left:0;right:0;top:73px;display:none;align-items:stretch;padding:10px 24px 22px;background:var(--cream);box-shadow:0 15px 20px #30442d1a;border-bottom:1px solid var(--line);max-height:calc(100dvh - 73px);overflow:auto}.main-nav.is-open{display:flex;flex-direction:column;gap:0}.main-nav>a,.nav-group>summary{padding:12px 0;border-bottom:1px solid var(--line)}.main-nav>a::after{display:none}.nav-group>summary{display:flex;justify-content:space-between}.nav-popover{position:static;box-shadow:none;background:transparent;border:0;padding:6px 10px;width:auto}.header-tools{margin-left:auto;border:0;padding:0;gap:18px}.menu-toggle{display:flex;width:25px;height:30px;flex-direction:column;justify-content:center;gap:5px;padding:2px;border:0;background:none}.menu-toggle>span{height:1px;width:20px;background:var(--ink)}.hero-banner{min-height:0;aspect-ratio:1.52}.hero-caption{left:25px;right:25px;bottom:22px}.hero-caption .eyebrow{font-size:8px}.hero-explore{gap:13px}.hero-tagline{font-size:15px}.hero-explore span{width:28px;height:28px}.scene-toggle{top:13px;right:15px;padding:5px 9px;font-size:9px}.home-content{padding:0 26px}.quick-nav{grid-template-columns:repeat(2,minmax(0,1fr));margin:0 -26px}.quick-nav>a{padding:23px 25px;border-bottom:1px solid var(--line)}.quick-nav>a:nth-child(2){border-right:0}.quick-nav>a:nth-last-child(-n+2){border-bottom:0}.home-section{padding:60px 0}.section-heading{gap:20px;margin-bottom:28px}.section-heading h2{font-size:27px}.intro-grid{grid-template-columns:1fr 1fr;gap:25px}.intro-copy h3{font-size:20px}.intro-copy>p:not(.eyebrow){font-size:11px}.intro-art img{aspect-ratio:.75}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 25px}.feature-card p{font-size:12px}.class-panel{grid-template-columns:1fr}.class-media{min-height:0}.class-copy h3{font-size:33px}.class-copy{padding:25px}.class-tabs button{padding:12px 15px;flex:none}.class-copy>p:not(.eyebrow):not(.class-role){font-size:11px}.class-role{font-size:13px}.journal-layout{gap:25px}.journal-feature{padding:25px}.journal-feature h3{font-size:25px}.preparation-section{gap:30px;padding:45px 0}.preparation-section h2{font-size:22px}.library-layout{grid-template-columns:150px minmax(0,1fr);gap:22px}.guide-list{grid-template-columns:1fr}.guide-layout{grid-template-columns:1fr}.guide-sidebar{position:static;max-height:none;display:flex;gap:8px;overflow-x:auto;align-items:center;padding-bottom:12px;border-bottom:1px solid var(--line)}.guide-sidebar>p{display:none}.guide-sidebar>a{white-space:nowrap;border:1px solid var(--line);padding:5px 11px;font-size:10px}.guide-sidebar .sidebar-back{display:none}.article-body [class*='grid']{gap:12px}.page-heading h1{font-size:30px}.site-footer{padding:28px 26px}.footer-brand p{display:none}.footer-links{gap:18px}}
@media(max-width:520px){html{scroll-padding-top:90px}.header-inner{padding:0 19px}.hero-banner{aspect-ratio:auto;height:410px;background:url('../backgrounds/雨沐天堂-雨後初晴-無字背景-v1.png') 70% center/cover}.hero-image{display:none}.scene-logo{display:block;width:88%;left:6%;top:25%;filter:drop-shadow(0 2px 4px #2d5c5559)}.hero-banner::after{inset:60% 0 0}.hero-caption{left:23px;right:23px;bottom:25px;display:block}.hero-caption .eyebrow{font-size:8px;letter-spacing:.16em}.hero-tagline{font-size:16px;letter-spacing:.1em}.hero-explore{position:absolute;right:0;bottom:0;font-size:0}.hero-explore span{font-size:14px}.scene-toggle{background:#17423a80}.home-content{padding:0 22px}.quick-nav{margin:0 -22px}.quick-nav>a{padding:20px 18px;gap:11px}.quick-nav b{font-size:14px}.quick-nav small{font-size:9px}.quick-index{font-size:9px}.link-arrow{font-size:15px}.home-section{padding:49px 0}.section-heading{align-items:flex-start;flex-wrap:wrap;gap:15px}.section-heading h2{font-size:26px}.section-heading>p{font-size:11px}.section-heading>.text-link{font-size:10px}.intro-grid{grid-template-columns:1fr;gap:27px}.intro-art img{aspect-ratio:1.4;object-position:center}.intro-copy h3{font-size:23px}.intro-copy>p:not(.eyebrow){font-size:12px}.feature-grid{gap:26px 19px}.feature-card>img{width:52px;height:52px;margin-bottom:20px}.feature-card h3{font-size:17px}.feature-card p{font-size:10px}.card-link{font-size:9px}.class-panel{grid-template-columns:1fr}.class-copy{padding:28px 25px}.class-copy h3{font-size:32px}.class-copy>p:not(.eyebrow):not(.class-role){font-size:12px}.class-role{font-size:14px}.journal-layout{grid-template-columns:1fr;gap:22px}.journal-feature h3{font-size:27px}.journal-list a{padding:19px 0}.preparation-section{grid-template-columns:1fr;gap:25px;padding:43px 0}.preparation-section h2{font-size:23px}.preparation-links a{padding:11px 0}.page-main{padding:23px 22px 55px}.breadcrumb{margin-bottom:32px;font-size:9px}.page-heading{margin-bottom:30px}.page-heading h1{font-size:27px}.page-heading>p:last-child{font-size:11px}.library-search{margin-bottom:24px}.library-search input{font-size:13px}.library-search input::placeholder{font-size:10px}.library-layout{grid-template-columns:1fr;gap:20px}.library-sidebar>p{display:none}.library-sidebar nav{flex-direction:row;overflow-x:auto;gap:7px;padding-bottom:8px;margin:0}.category-button{white-space:nowrap;border:1px solid var(--line);font-size:10px;gap:13px;padding:7px 10px}.category-button[aria-pressed=true]{border-left-width:1px;border-color:#9eb28a}.results-heading h2{font-size:19px}.guide-card h3{font-size:17px}.guide-card{min-height:120px;padding:20px 20px 20px 0}.article-header h1{font-size:27px}.article-header>p:last-child{font-size:11px}.article-body{font-size:12px}.article-body h2{font-size:20px}.article-body [class*='grid']{grid-template-columns:1fr}.article-body table{font-size:10px}.article-body th,.article-body td{padding:10px;min-width:75px}.article-toc{gap:8px 15px}.empty-state{padding:45px 17px;min-height:380px}.empty-state h2{font-size:23px;letter-spacing:.04em}.empty-state>p:not(.eyebrow){font-size:11px}.site-footer{display:flex;flex-direction:column;align-items:flex-start;padding:28px 22px;gap:20px}.footer-links{font-size:10px;gap:20px}.footer-legal{display:flex;flex-direction:column;width:100%;gap:5px;font-size:8px}.back-top{right:12px;bottom:15px;width:31px;height:31px}.search-dialog-head{padding:17px 20px}.search-dialog-body{padding:17px 20px}}
.opening-banner{max-width:1240px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:27px 54px;background:var(--jade-dark);color:var(--cream);border-top:1px solid #a7bca24a;border-bottom:1px solid #a7bca24a}.opening-copy .eyebrow{color:#c8bb91;font-size:10px}.opening-copy h2{display:flex;align-items:baseline;flex-wrap:wrap;gap:13px;margin-top:6px;font-size:22px;font-weight:500;line-height:1.6;letter-spacing:.06em}.opening-copy h2 small{font:400 9px var(--sans);letter-spacing:.08em;color:#b0c0ab}.opening-countdown{display:flex;align-items:center;gap:0}.opening-countdown>div{display:flex;min-width:77px;align-items:baseline;justify-content:center;gap:7px;padding:5px 13px;border-left:1px solid #9cb29142}.opening-countdown strong{font:500 33px/1.2 var(--serif);font-variant-numeric:tabular-nums;color:#f0eddb}.opening-countdown span{font-size:9px;color:#aabda4}.footer-partners{grid-column:1/-1;justify-self:center;text-align:center;padding:1px 0 5px}.footer-partners a{display:inline-block;line-height:0;transition:opacity .2s}.footer-partners a:hover{opacity:.8}.footer-partners img{width:88px;height:31px;object-fit:contain}
@media(max-width:1100px){.opening-banner{padding-right:35px;padding-left:35px}}
@media(max-width:800px){.opening-banner{padding:24px 26px;gap:21px;flex-wrap:wrap}.opening-copy h2{font-size:20px}.opening-countdown>div{min-width:65px;padding:4px 10px}.opening-countdown strong{font-size:30px}}
@media(max-width:520px){.opening-banner{padding:24px 22px;display:block}.opening-copy h2{font-size:20px;gap:8px}.opening-countdown{margin-top:21px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%}.opening-countdown>div{min-width:0;padding:0 9px}.opening-countdown>div:first-child{border-left:0}.opening-countdown strong{font-size:32px}.footer-partners{align-self:center;padding-top:2px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}