:root{--rose:#D6A92F;--rose-2:#E7C45D;--rose-light:#F5E3A0;--rose-soft:#FFF7DC;--cream:#FFFEF8;--cream-2:#FFF9E9;--cream-3:#F8F0D9;--mauve:#B6A27B;--mauve-deep:#8A754E;--plum:#554832;--plum-dark:#3B3326;--lavender:#D7DFCB;--lavender-soft:#F0F4E9;--peach:#E7B978;--peach-soft:#FFF2E2;--sage:#A8B99A;--sage-soft:#EFF4E9;--ink:#3D382D;--ink-2:#665D4A;--ink-3:#938A78;--surface:#fff;--surface-soft:rgba(255,254,248,.94);--line:rgba(61,56,45,.12);--line-strong:rgba(61,56,45,.22);--shadow:0 8px 28px rgba(92,72,28,.08);--shadow-hover:0 18px 42px rgba(92,72,28,.14);--radius:12px;--radius-card:18px;--radius-large:28px;--radius-pill:999px;--wrap:1320px;--serif:Georgia,'Noto Serif SC',serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,'PingFang SC','Microsoft YaHei',sans-serif;font-size:15px;line-height:1.75;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}img{max-width:100%;height:auto}p{color:var(--ink-2)}.skip-link{position:absolute;left:-9999px;top:0}.skip-link:focus{left:12px;z-index:999;background:#fff;padding:8px}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,254,248,.96);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.header-inner{height:72px;max-width:var(--wrap);margin:auto;padding:0 28px;display:flex;align-items:center;gap:34px}.brand{display:flex;align-items:center;gap:10px;font-weight:750;letter-spacing:.02em;white-space:nowrap}.brand-symbol{width:38px;height:38px;border-radius:13px;background:linear-gradient(145deg,#f5df91,#d6a92f);display:grid;place-items:center;color:#554832;font-family:var(--serif);font-size:22px;box-shadow:0 5px 15px #d6a92f30}.brand small{display:block;font-size:8px;letter-spacing:.15em;color:var(--ink-3);font-weight:500;line-height:1.2}.desktop-nav{display:flex;align-items:center;justify-content:center;gap:22px;flex:1}.desktop-nav a{font-size:13px;color:var(--ink-2);white-space:nowrap;position:relative}.desktop-nav a:hover,.desktop-nav a:focus{color:var(--mauve-deep)}.desktop-nav a:hover:after{content:'';position:absolute;bottom:-9px;left:0;right:0;height:2px;background:var(--rose);border-radius:4px}.header-actions{display:flex;align-items:center;gap:13px}.icon-link{font-size:23px;color:var(--ink-2)}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line-strong);border-radius:var(--radius-pill);padding:12px 21px;font-size:13px;font-weight:650;transition:.2s ease}.button:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.button-small{padding:7px 17px;background:var(--rose);border-color:var(--rose);color:#fff}.button-primary{background:var(--rose);border-color:var(--rose);color:#fff}.button-primary:hover{background:#bd9225}.button-ghost{background:rgba(255,255,255,.48);color:var(--ink)}.menu-toggle,.mobile-nav{display:none}.hero-stage{max-width:var(--wrap);margin:24px auto 0;padding:60px 6.5% 24px;min-height:570px;position:relative;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:34px;background:linear-gradient(125deg,#fffef8 0%,#fff4ce 58%,#f8e8b5 100%);border-radius:30px;overflow:hidden}.hero-stage:before{content:'';position:absolute;width:560px;height:560px;border-radius:50%;right:6%;top:-32%;background:radial-gradient(circle,#fff9d9aa,transparent 70%)}.hero-copy,.hero-visual{position:relative;z-index:1}.eyebrow{font-size:10px;letter-spacing:.2em;color:var(--mauve-deep);font-weight:750;text-transform:uppercase}.hero-copy h1{font-family:var(--serif);font-size:clamp(38px,4.2vw,62px);line-height:1.2;letter-spacing:-.04em;margin:19px 0 20px;font-weight:600}.hero-copy h1 em{font-style:normal;color:#b58b28}.hero-copy>p{max-width:560px;font-size:15px;line-height:2;color:#70664f}.hero-search{margin:28px 0 14px;display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e6d8ad;border-radius:14px;padding:7px 8px 7px 17px;box-shadow:0 12px 30px #9d7a2914;max-width:560px}.hero-search>span{font-size:24px;color:var(--mauve-deep)}.hero-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--ink);font-size:13px}.hero-search button{border:0;background:var(--plum);color:#fff;border-radius:10px;padding:11px 17px;font-size:12px}.hero-tags{display:flex;gap:8px;flex-wrap:wrap}.hero-tags a,.tag-row a{font-size:11px;color:var(--ink-2);padding:5px 11px;border:1px solid #d9cda9;border-radius:30px}.hero-actions{display:flex;gap:10px;margin-top:25px}.hero-visual{min-height:410px;display:flex;align-items:center;justify-content:center}.stage-poster{position:absolute;border-radius:20px;box-shadow:0 25px 55px #6c562b22;display:flex;flex-direction:column;justify-content:space-between;padding:22px;overflow:hidden}.stage-poster span,.stage-poster small{font-size:9px;letter-spacing:.12em}.stage-poster b{font-family:var(--serif);font-size:42px;line-height:1.2}.poster-main{width:245px;height:350px;left:14%;top:24px;background:linear-gradient(155deg,#d8e0c9,#f3e5bd 55%,#c49d60);transform:rotate(-5deg);color:#514a37}.poster-side{width:195px;height:270px;right:7%;bottom:20px;background:linear-gradient(145deg,#f5c99d,#e7b978 48%,#b9a67e);transform:rotate(7deg);color:#554832}.poster-side b{font-size:34px}.stage-note{position:absolute;top:0;right:6%;font-size:10px;letter-spacing:.16em;color:#8a754e}.stage-ticket{position:absolute;bottom:4px;left:1%;display:flex;align-items:center;gap:12px;padding:12px 17px;background:#fffdf3d9;border:1px solid #e6d9b6;border-radius:12px}
.stage-ticket strong{font-family:var(--serif);font-size:22px;color:#a7832b}.stage-ticket span{font-size:10px;line-height:1.5;color:var(--ink-2)}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #bda66a55;padding-top:17px;margin-top:15px;font-size:11px;color:var(--ink-2)}.hero-bottom div{display:flex;gap:24px}.hero-bottom a{font-weight:650}.section-wrap{max-width:var(--wrap);margin:0 auto;padding:86px 34px}.section-wrap h2,.page-hero h1{font-family:var(--serif);font-size:clamp(29px,3vw,43px);line-height:1.25;letter-spacing:-.025em;font-weight:600;margin:10px 0 14px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px}.section-heading p{max-width:620px;margin:0;line-height:1.9}.section-heading h2{margin:9px 0 10px}.text-link{font-size:12px;font-weight:700;color:var(--mauve-deep);white-space:nowrap}.text-link:hover{color:#b58b28}.intro-strip{display:grid;grid-template-columns:1fr 1.2fr auto;gap:40px;align-items:center;border-bottom:1px solid var(--line)}.intro-strip h2{font-size:32px}.intro-strip p{max-width:590px;line-height:2}.round-link{width:100px;height:100px;border-radius:50%;background:var(--rose-soft);border:1px solid #e7d8a7;display:grid;place-content:center;text-align:center;font-size:11px;color:var(--mauve-deep);font-weight:700}.round-link b{font-size:20px}.story-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.story-card{min-width:0;border:1px solid var(--line);border-radius:18px;background:#fffefa;overflow:hidden;transition:.25s}.story-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover)}.story-card>a{display:block;height:100%}.story-art{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:16px;overflow:hidden;color:#554832}.story-art:after{content:'';position:absolute;width:170px;height:170px;border:1px solid #ffffff77;border-radius:50%;right:-50px;bottom:-65px}.story-art>span,.story-art>small{font-size:9px;letter-spacing:.12em;position:relative;z-index:1}.story-art>strong{font-family:var(--serif);font-size:38px;line-height:1.15;position:relative;z-index:1}.portrait{height:230px}.landscape{height:170px}.tone-honey{background:linear-gradient(145deg,#f6e7b7,#d9b96d)}.tone-sage{background:linear-gradient(145deg,#e1e8d6,#a8b99a)}.tone-peach{background:linear-gradient(145deg,#ffe1c2,#e7b978)}.tone-lilac{background:linear-gradient(145deg,#e6e6d8,#c1c8ad)}.tone-rose{background:linear-gradient(145deg,#f5e3c6,#d8b58c)}.tone-cream{background:linear-gradient(145deg,#fff4d9,#e8d8ad)}.story-copy{padding:17px 18px 20px}.badge{display:inline-block;padding:3px 9px;border-radius:30px;background:var(--rose-soft);color:#947323;font-size:10px;font-weight:700}.story-copy h3{font-size:17px;margin:9px 0 6px;letter-spacing:.01em}.story-copy p{font-size:12px;line-height:1.8;min-height:64px;margin:0 0 13px}.category-band{display:grid;grid-template-columns:.7fr 1.3fr;gap:55px;align-items:center;background:#f8f0d9;max-width:none;padding-left:max(34px,calc((100% - 1250px)/2));padding-right:max(34px,calc((100% - 1250px)/2))}.category-band h2{font-size:42px}.category-band h2 em{font-style:normal;color:#a17c28}.category-band p{max-width:330px}.category-orbit{display:grid;grid-template-columns:1fr 1fr;gap:15px}.category-orbit a{min-height:135px;border-radius:18px;padding:20px 23px;background:#fffdf5;border:1px solid #e5d9b9;display:flex;flex-direction:column;justify-content:space-between;transition:.2s}.category-orbit a:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.category-orbit b{font-size:11px;color:#b38b2c}.category-orbit strong{font-family:var(--serif);font-size:24px}.category-orbit small{color:var(--ink-3);font-size:10px}.feature-split{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center}.feature-visual{position:relative;min-height:390px;background:linear-gradient(135deg,#d9e2d0,#f4e4b7);border-radius:28px;display:grid;place-items:center;overflow:hidden}.feature-art{width:72%;height:290px;padding:25px;background:linear-gradient(155deg,#fff7d9,#e8c979);border-radius:17px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 24px 45px #62512b2a;transform:rotate(-4deg)}.feature-art span,.feature-art small{font-size:9px;letter-spacing:.14em}.feature-art b{font-family:var(--serif);font-size:43px;line-height:1.2}.check-list{list-style:none;padding:0;margin:25px 0}.check-list li{padding:8px 0;border-bottom:1px solid var(--line);font-size:13px}.check-list li:before{content:'✓';color:#9d7b2b;margin-right:12px}.genre-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.genre-row a{min-height:180px;padding:23px;border-radius:18px;background:linear-gradient(140deg,#fff5d8,#e8d8ad);display:flex;flex-direction:column;justify-content:end;font-family:var(--serif);font-size:24px}.genre-row a:nth-child(2){background:linear-gradient(140deg,#e3e9d9,#bac8aa)}.genre-row a:nth-child(3){background:linear-gradient(140deg,#fce5cd,#e7bd8a)}.genre-row small{font:11px sans-serif;color:var(--ink-2);margin-top:8px}.ai-feature{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;background:#f1f3e8;max-width:none;padding-left:max(34px,calc((100% - 1250px)/2));padding-right:max(34px,calc((100% - 1250px)/2));align-items:center}.ai-copy h2{font-size:40px}.ai-copy p{max-width:440px;margin-bottom:24px}.ai-steps{display:grid;grid-template-columns:1fr 1fr;gap:13px}.ai-steps p{background:#fffefa;border:1px solid #dce2d3;border-radius:14px;padding:22px;margin:0}.ai-steps b,.ai-steps small{display:block}.ai-steps b{font-size:16px;color:var(--ink)}.ai-steps small{font-size:11px;margin-top:6px}.vertical-feature{display:grid;grid-template-columns:.7fr 1.3fr;gap:50px;align-items:center}.vertical-rail .story-grid{grid-template-columns:repeat(2,1fr)}.creator-band{display:grid;grid-template-columns:.7fr 1.3fr;gap:65px;background:#fff9e9;max-width:none;padding-left:max(34px,calc((100% - 1250px)/2));padding-right:max(34px,calc((100% - 1250px)/2))}.creator-list article{display:flex;gap:20px;padding:17px 0;border-bottom:1px solid var(--line)}.creator-list article>span{font-family:var(--serif);font-size:23px;color:#c19a3d}.creator-list b,.creator-list small{display:block}.creator-list small{font-size:11px;color:var(--mauve-deep)}.creator-list p{font-size:12px;margin:5px 0 0}.editorial-block{padding-top:50px;padding-bottom:50px;border-bottom:1px solid var(--line)}.editorial-note{display:grid;grid-template-columns:70px 1fr auto;gap:20px;align-items:center;padding:22px 25px;background:#fff;border:1px solid var(--line);border-radius:16px}.editorial-note>span{font-family:var(--serif);font-size:27px;color:#c39a39}.editorial-note p{margin:0;font-size:13px}.editorial-note a{font-size:12px;color:var(--mauve-deep);font-weight:700}.editorial-block.block-1 .editorial-note{background:#f0f4e9}.editorial-block.block-2 .editorial-note{background:#fff2e2}.editorial-block.block-3 .editorial-note{background:#fff7dc}.site-footer{background:linear-gradient(135deg,#3b3326,#655238);color:#fff;margin-top:40px;padding:60px max(28px,calc((100% - 1250px)/2)) 20px}.footer-top{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:45px;padding-bottom:45px}.brand-light{color:#fff}.brand-light small{color:#e5d6b2}.footer-brand p{max-width:330px;color:#ffffffad;font-size:12px;line-height:1.9}.footer-col{display:flex;flex-direction:column;gap:10px}.footer-col b{color:#f5e3a0;font-size:12px;margin-bottom:8px}.footer-col a{font-size:12px;color:#ffffffb5}.footer-col a:hover{color:#f5e3a0}.footer-bottom{border-top:1px solid #ffffff2b;padding-top:18px;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#ffffffa8}.mobile-bottom{display:none}
.stage-ticket strong{font-family:var(--serif);font-size:22px;color:#a7832b}.stage-ticket span{font-size:10px;line-height:1.5;color:var(--ink-2)}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #bda66a55;padding-top:17px;margin-top:15px;font-size:11px;color:var(--ink-2)}.hero-bottom div{display:flex;gap:24px}.hero-bottom a{font-weight:650}.section-wrap{max-width:var(--wrap);margin:0 auto;padding:86px 34px}.section-wrap h2,.page-hero h1{font-family:var(--serif);font-size:clamp(29px,3vw,43px);line-height:1.25;letter-spacing:-.025em;font-weight:600;margin:10px 0 14px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px}.section-heading p{max-width:620px;margin:0;line-height:1.9}.section-heading h2{margin:9px 0 10px}.text-link{font-size:12px;font-weight:700;color:var(--mauve-deep);white-space:nowrap}.intro-strip{display:grid;grid-template-columns:1fr 1.2fr auto;gap:40px;align-items:center;border-bottom:1px solid var(--line)}.intro-strip h2{font-size:32px}.intro-strip p{max-width:590px;line-height:2}.round-link{width:100px;height:100px;border-radius:50%;background:var(--rose-soft);border:1px solid #e7d8a7;display:grid;place-content:center;text-align:center;font-size:11px;color:var(--mauve-deep);font-weight:700}.story-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.story-card{min-width:0;border:1px solid var(--line);border-radius:18px;background:#fffefa;overflow:hidden;transition:.25s}.story-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover)}.story-art{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:16px;overflow:hidden;color:#554832}.story-art:after{content:'';position:absolute;width:170px;height:170px;border:1px solid #ffffff77;border-radius:50%;right:-50px;bottom:-65px}.story-art>span,.story-art>small{font-size:9px;letter-spacing:.12em;position:relative;z-index:1}.story-art>strong{font-family:var(--serif);font-size:38px;line-height:1.15;position:relative;z-index:1}.portrait{height:230px}.landscape{height:170px}.tone-honey{background:linear-gradient(145deg,#f6e7b7,#d9b96d)}.tone-sage{background:linear-gradient(145deg,#e1e8d6,#a8b99a)}.tone-peach{background:linear-gradient(145deg,#ffe1c2,#e7b978)}.tone-lilac{background:linear-gradient(145deg,#e6e6d8,#c1c8ad)}.tone-rose{background:linear-gradient(145deg,#f5e3c6,#d8b58c)}.tone-cream{background:linear-gradient(145deg,#fff4d9,#e8d8ad)}.story-copy{padding:17px 18px 20px}.story-copy h3{font-size:17px;margin:9px 0 6px}.story-copy p{font-size:12px;line-height:1.8;min-height:64px;margin:0 0 13px}.category-band,.ai-feature,.creator-band{max-width:none;padding-left:max(34px,calc((100% - 1250px)/2));padding-right:max(34px,calc((100% - 1250px)/2))}.category-band{display:grid;grid-template-columns:.7fr 1.3fr;gap:55px;align-items:center;background:#f8f0d9}.category-orbit{display:grid;grid-template-columns:1fr 1fr;gap:15px}.category-orbit a{min-height:135px;border-radius:18px;padding:20px 23px;background:#fffdf5;border:1px solid #e5d9b9;display:flex;flex-direction:column;justify-content:space-between}.category-orbit b{font-size:11px;color:#b38b2c}.category-orbit strong{font-family:var(--serif);font-size:24px}.category-orbit small{color:var(--ink-3);font-size:10px}.feature-split,.vertical-feature,.creator-band,.ai-feature,.split-reading,.guide-split,.knowledge-band{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.feature-visual{min-height:390px;background:linear-gradient(135deg,#d9e2d0,#f4e4b7);border-radius:28px;display:grid;place-items:center}.feature-art{width:72%;height:290px;padding:25px;background:linear-gradient(155deg,#fff7d9,#e8c979);border-radius:17px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:var(--shadow);transform:rotate(-4deg)}.feature-art b{font-family:var(--serif);font-size:43px;line-height:1.2}.check-list{list-style:none;padding:0;margin:25px 0}.check-list li{padding:8px 0;border-bottom:1px solid var(--line);font-size:13px}.check-list li:before{content:'✓';color:#9d7b2b;margin-right:12px}.genre-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.genre-row a{min-height:180px;padding:23px;border-radius:18px;background:linear-gradient(140deg,#fff5d8,#e8d8ad);display:flex;flex-direction:column;justify-content:end;font-family:var(--serif);font-size:24px}.genre-row a:nth-child(2){background:linear-gradient(140deg,#e3e9d9,#bac8aa)}.genre-row a:nth-child(3){background:linear-gradient(140deg,#fce5cd,#e7bd8a)}.genre-row small{font:11px sans-serif;color:var(--ink-2);margin-top:8px}.ai-feature{background:#f1f3e8}.ai-steps{display:grid;grid-template-columns:1fr 1fr;gap:13px}.ai-steps p{background:#fffefa;border:1px solid #dce2d3;border-radius:14px;padding:22px;margin:0}.ai-steps b,.ai-steps small{display:block}.ai-steps small{font-size:11px;margin-top:6px}.creator-band{background:#fff9e9}.creator-list article{display:flex;gap:20px;padding:17px 0;border-bottom:1px solid var(--line)}.creator-list article>span{font-family:var(--serif);font-size:23px;color:#c19a3d}.creator-list b,.creator-list small{display:block}.creator-list small{font-size:11px;color:var(--mauve-deep)}.creator-list p{font-size:12px;margin:5px 0 0}.vertical-rail .story-grid{grid-template-columns:repeat(2,1fr)}.editorial-block{padding-top:50px;padding-bottom:50px;border-bottom:1px solid var(--line)}.editorial-note{display:grid;grid-template-columns:70px 1fr auto;gap:20px;align-items:center;padding:22px 25px;background:#fff;border:1px solid var(--line);border-radius:16px}.editorial-note>span{font-family:var(--serif);font-size:27px;color:#c39a39}.editorial-note p{margin:0;font-size:13px}.editorial-note a{font-size:12px;color:var(--mauve-deep);font-weight:700}.editorial-block.block-1 .editorial-note{background:#f0f4e9}.editorial-block.block-2 .editorial-note{background:#fff2e2}.editorial-block.block-3 .editorial-note{background:#fff7dc}
.site-footer{background:linear-gradient(135deg,#3b3326,#655238);color:#fff;margin-top:40px;padding:60px max(28px,calc((100% - 1250px)/2)) 20px}.footer-top{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:45px;padding-bottom:45px}.brand-light{color:#fff}.brand-light small{color:#e5d6b2}.footer-brand p{max-width:330px;color:#ffffffad;font-size:12px;line-height:1.9}.footer-col{display:flex;flex-direction:column;gap:10px}.footer-col b{color:#f5e3a0;font-size:12px;margin-bottom:8px}.footer-col a{font-size:12px;color:#ffffffb5}.footer-col a:hover{color:#f5e3a0}.footer-bottom{border-top:1px solid #ffffff2b;padding-top:18px;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#ffffffa8}.page-shell{max-width:var(--wrap);margin:0 auto;padding:42px 34px 70px}.page-shell.narrow{max-width:850px}.page-hero{padding:65px 7%;background:linear-gradient(125deg,#fffef8,#fff2cc 65%,#f3e5c1);border-radius:26px;margin-bottom:20px}.page-hero h1{font-size:clamp(36px,4vw,54px);margin:14px 0}.page-hero p{max-width:760px;font-size:14px;line-height:2}.tag-row{display:flex;gap:9px;flex-wrap:wrap;margin-top:22px}.path-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.path-grid>*{padding:22px;border-radius:16px;background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;gap:8px}.path-grid b{color:#bd9638;font-family:var(--serif);font-size:24px}.path-grid strong{font-size:16px}.path-grid span{font-size:11px;color:var(--ink-3)}.split-reading{background:#f3f4e9;max-width:none;padding-left:max(34px,calc((100% - 1250px)/2));padding-right:max(34px,calc((100% - 1250px)/2))}.reading-points p{padding:14px 0;border-bottom:1px solid #d6ddce;margin:0}.reading-points b,.reading-points span{display:block}.reading-points b{color:var(--ink);font-size:14px}.reading-points span{font-size:12px}.quick-links{display:flex;gap:12px;flex-wrap:wrap}.quick-links a{padding:12px 17px;border:1px solid var(--line-strong);border-radius:40px;background:#fff;font-size:12px}.detail-top{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:center;padding:35px 0 65px}.detail-top .story-card{max-width:430px}.detail-top .story-art{height:360px}.detail-summary h1{font-family:var(--serif);font-size:48px;margin:10px 0}.detail-summary p{max-width:600px}.long-copy{max-width:850px;font-size:14px;line-height:2.2}.reader-head{display:flex;justify-content:space-between;align-items:center;padding:12px 0 25px;font-size:12px;color:var(--mauve-deep)}.reader-stage{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center;padding:30px;background:#f8f0d9;border-radius:24px}.reader-illustration{min-height:360px;padding:30px;background:linear-gradient(145deg,#e0e8d6,#f5e5b8 60%,#d7b875);border-radius:17px;display:flex;flex-direction:column;justify-content:space-between;color:var(--plum)}.reader-illustration strong{font-family:var(--serif);font-size:48px}.reader-illustration span,.reader-illustration small{font-size:10px;letter-spacing:.14em}.reader-info h1{font-family:var(--serif);font-size:40px}.reader-info p{line-height:2}.favorite-button{border:1px solid var(--line-strong);background:#fff8e6;border-radius:30px;padding:10px 16px;color:var(--ink)}.favorite-button.is-saved{background:#f5e3a0;color:#6f571d}.search-page-form{max-width:700px}.empty-state{text-align:center;padding:90px 25px;background:#fff;border:1px solid var(--line);border-radius:22px}.empty-state h1{font-family:var(--serif);font-size:42px}.empty-state p{max-width:520px;margin:10px auto 25px}.breadcrumb{display:flex;gap:10px;font-size:11px;color:var(--ink-3);padding:12px 0}.faq-list{border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line);padding:0 4px}.faq-item summary{cursor:pointer;list-style:none;padding:20px 4px;display:flex;align-items:center;gap:18px;font-weight:650}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary i{font-style:normal;color:#b58b28;font-size:11px}.faq-item summary b{margin-left:auto;color:var(--mauve-deep);font-size:18px}.faq-item[open] summary b{transform:rotate(45deg)}.faq-item>p{padding:0 38px 18px;margin:0;line-height:2;font-size:13px}.shelf-group{margin:30px 0}.shelf-items{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.shelf-items a{background:#fff;border:1px solid var(--line);padding:17px;border-radius:12px}.shelf-items b,.shelf-items small{display:block}.shelf-items small{color:var(--ink-3);font-size:11px}.muted{color:var(--ink-3);font-size:13px}.update-timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.update-timeline article{padding:22px;border-left:2px solid var(--rose);background:#fff;border-radius:0 14px 14px 0}.update-timeline time{display:block;color:var(--mauve-deep);font-size:10px;letter-spacing:.12em}.update-timeline b{display:block;margin:8px 0}.update-timeline p{font-size:12px;margin:0}.topic-row{display:grid;grid-template-columns:50px 1fr 30px;gap:18px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line)}.topic-row>span{font-family:var(--serif);font-size:25px;color:#c29b40}.topic-row b,.topic-row small{display:block}.topic-row small{font-size:12px;color:var(--ink-3);margin-top:5px}.mood-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.mood-grid a{background:#fff;border:1px solid var(--line);border-radius:15px;padding:23px;font-family:var(--serif);font-size:20px}.mood-grid span{display:block;font:11px sans-serif;color:var(--ink-3);margin-top:8px}.knowledge-band{background:#f2f3e9;max-width:none;padding-left:max(34px,calc((100% - 1250px)/2));padding-right:max(34px,calc((100% - 1250px)/2))}.knowledge-points p{border-bottom:1px solid #d6ddce;padding:13px 0;margin:0}.knowledge-points b,.knowledge-points span{display:block}.knowledge-points span{font-size:12px}.guide-quote{padding:45px;background:linear-gradient(145deg,#fff3ce,#e7d49b);border-radius:22px;font-family:var(--serif);font-size:28px}.complete-band{display:flex;align-items:center;justify-content:space-between;background:#fff7dc;border-radius:22px}.complete-number{width:190px;height:190px;border:1px solid #d9c48b;border-radius:50%;display:grid;place-content:center;text-align:center}.complete-number strong{font-family:var(--serif);font-size:28px}.complete-number span{font-size:11px;color:var(--ink-3)}
@media(max-width:1200px){.desktop-nav{gap:13px}.desktop-nav a{font-size:12px}.header-inner{gap:20px}.hero-stage{margin-left:18px;margin-right:18px}.story-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.intro-strip{grid-template-columns:1fr 1.4fr}.intro-strip .round-link{display:none}}
@media(max-width:1024px){.desktop-nav{gap:10px}.desktop-nav a:nth-child(6),.desktop-nav a:nth-child(7){display:none}.hero-stage{padding-left:5%;padding-right:5%;min-height:530px}.poster-main{left:5%}.poster-side{right:0}.section-wrap{padding-top:68px;padding-bottom:68px}.feature-split{gap:40px}.category-band,.ai-feature,.creator-band{gap:35px}.footer-top{gap:25px}}
@media(max-width:900px){.desktop-nav{display:none}.menu-toggle{display:inline-flex;border:1px solid var(--line);background:#fff;border-radius:9px;padding:8px 11px;color:var(--ink)}.mobile-nav{display:none;position:absolute;left:0;right:0;top:72px;background:var(--cream);padding:12px 24px 22px;border-bottom:1px solid var(--line);grid-template-columns:repeat(2,1fr);gap:5px 15px}.mobile-nav.is-open{display:grid}.mobile-nav a{padding:10px;border-bottom:1px solid var(--line);font-size:13px}.hero-stage{grid-template-columns:1fr 1fr;min-height:500px}.hero-copy h1{font-size:43px}.hero-visual{min-height:350px}.poster-main{width:205px;height:300px}.poster-side{width:160px;height:230px}.stage-poster b{font-size:34px}.story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-band,.ai-feature,.creator-band{grid-template-columns:1fr}.feature-split,.vertical-feature,.split-reading,.guide-split,.knowledge-band{grid-template-columns:1fr}.vertical-rail .story-grid{grid-template-columns:repeat(2,1fr)}.path-grid{grid-template-columns:repeat(2,1fr)}.detail-top,.reader-stage{grid-template-columns:1fr}.detail-top .story-card{max-width:100%}.detail-top .story-art{height:260px}.update-timeline{grid-template-columns:1fr}.mood-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){.header-inner{height:64px;padding:0 18px}.mobile-nav{top:64px}.brand-symbol{width:34px;height:34px}.header-actions{gap:9px}.header-actions .icon-link{font-size:20px}.header-actions .button-small{display:none}.hero-stage{margin:12px 12px 0;padding:38px 22px 18px;grid-template-columns:1fr;gap:8px;border-radius:22px}.hero-copy h1{font-size:40px}.hero-copy>p{font-size:13px}.hero-search{margin-top:20px}.hero-visual{min-height:330px;margin:10px 0}.poster-main{left:16%;top:15px;width:190px;height:275px}.poster-side{right:10%;bottom:0;width:150px;height:205px}.stage-ticket{left:3%;bottom:0}.hero-bottom{align-items:flex-start;flex-direction:column;gap:10px}.hero-bottom div{gap:15px;flex-wrap:wrap}.section-wrap{padding:55px 20px}.section-heading{align-items:flex-start;flex-direction:column;gap:10px}.section-heading h2,.section-wrap h2{font-size:30px}.intro-strip{padding-top:45px;padding-bottom:45px}.intro-strip h2{font-size:28px}.category-band,.ai-feature,.creator-band,.knowledge-band,.split-reading{padding-left:20px;padding-right:20px}.category-band h2,.ai-copy h2{font-size:34px}.category-orbit{gap:9px}.category-orbit a{min-height:120px;padding:15px}.category-orbit strong{font-size:20px}.feature-visual{min-height:300px}.feature-art{height:230px}.feature-art b{font-size:34px}.genre-row{grid-template-columns:1fr}.genre-row a{min-height:130px}.ai-steps{gap:8px}.ai-steps p{padding:16px}.vertical-feature{gap:20px}.creator-band{gap:20px}.editorial-note{grid-template-columns:42px 1fr;gap:10px;padding:16px}.editorial-note a{grid-column:2}.footer-top{grid-template-columns:1fr 1fr;gap:28px}.footer-brand{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:8px}.mobile-bottom{position:fixed;z-index:60;bottom:0;left:0;right:0;display:flex;justify-content:space-around;background:rgba(255,254,248,.97);border-top:1px solid var(--line);padding:7px 4px calc(7px + env(safe-area-inset-bottom));backdrop-filter:blur(12px)}.mobile-bottom a{display:flex;flex-direction:column;align-items:center;font-size:18px;color:var(--mauve-deep);line-height:1.3}.mobile-bottom small{font-size:9px;color:var(--ink-3)}.site-footer{padding-bottom:85px}.page-shell{padding:25px 18px 55px}.page-hero{padding:40px 23px;border-radius:20px}.page-hero h1{font-size:37px}.detail-summary h1{font-size:38px}.reader-stage{padding:16px}.reader-illustration{min-height:260px}.reader-illustration strong{font-size:38px}.shelf-items{grid-template-columns:1fr 1fr}.complete-band{gap:15px}.complete-number{width:130px;height:130px;flex-shrink:0}.complete-number strong{font-size:22px}}
@media(max-width:600px){.hero-copy h1{font-size:35px}.hero-search{gap:7px;padding-left:11px}.hero-search input{font-size:11px}.hero-search button{padding:10px 11px}.hero-tags{gap:5px}.hero-tags a{font-size:10px;padding:4px 8px}.hero-actions{flex-wrap:wrap}.hero-actions .button{padding:10px 14px}.hero-visual{min-height:285px}.poster-main{left:9%;width:170px;height:250px}.poster-side{right:3%;width:135px;height:190px}.stage-poster b{font-size:29px}.stage-ticket{padding:8px 11px}.stage-ticket strong{font-size:18px}.story-grid{grid-template-columns:1fr 1fr;gap:10px}.story-art.portrait{height:170px}.story-art.landscape{height:130px}.story-art>strong{font-size:27px}.story-copy{padding:12px}.story-copy h3{font-size:14px}.story-copy p{font-size:11px;min-height:76px}.badge{font-size:9px}.path-grid{gap:8px}.path-grid>*{padding:15px}.path-grid strong{font-size:14px}.path-grid span{font-size:10px}.footer-top{gap:20px}.footer-col a{font-size:11px}.footer-bottom{font-size:9px}.page-hero h1{font-size:32px}.page-hero p{font-size:12px}.detail-top{gap:25px}.detail-summary h1{font-size:32px}.reader-info h1{font-size:31px}.reader-illustration strong{font-size:31px}.shelf-items{grid-template-columns:1fr}.mood-grid{gap:8px}.mood-grid a{padding:15px;font-size:17px}.faq-item summary{font-size:13px;gap:10px}.faq-item>p{padding-left:27px;font-size:12px}.complete-number{width:105px;height:105px}.complete-number strong{font-size:18px}.complete-number span{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.search-trigger{border:0;background:transparent;padding:0}.search-modal{display:none;position:fixed;inset:0;z-index:100;align-items:flex-start;justify-content:center;padding:15vh 20px 30px}.search-modal.is-open{display:flex}.search-modal[hidden]{display:none!important}.search-backdrop{position:absolute;inset:0;background:rgba(48,41,29,.48);backdrop-filter:blur(5px)}.search-dialog{position:relative;z-index:1;width:min(650px,100%);padding:38px;background:var(--cream);border:1px solid #e6d8ad;border-radius:22px;box-shadow:0 30px 90px #2d261b40}.search-dialog h2{font-family:var(--serif);font-size:32px;margin:10px 0 22px}.search-dialog>p{font-size:11px;color:var(--ink-3)}.search-close{position:absolute;right:17px;top:12px;border:0;background:transparent;font-size:28px;color:var(--ink-2)}body.modal-open{overflow:hidden}.back-to-top{position:fixed;right:22px;bottom:30px;z-index:30;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:#fff;opacity:0;pointer-events:none;transition:.2s}.back-to-top.visible{opacity:1;pointer-events:auto}.in-view{animation:soft-rise .45s ease both}@keyframes soft-rise{from{opacity:.65;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:600px){.search-dialog{padding:28px 18px}.search-dialog h2{font-size:25px}.search-modal{padding-top:12vh}}