*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#FFFAEE;color:#41484C;font-family:system-ui,-apple-system,"Microsoft YaHei","PingFang SC",sans-serif;font-size:16px;line-height:1.75;overflow-x:hidden}a{color:inherit;text-decoration:none}a:hover{color:#996900}button,input{font:inherit}button{cursor:pointer}h1,h2,h3{margin:0 0 16px;color:#24282B;line-height:1.35}h1{font-size:clamp(26px,3vw,36px)}h2{font-size:clamp(21px,2.4vw,26px)}h3{font-size:19px}p{margin:0 0 16px}.wrap{width:min(1240px,calc(100% - 40px));margin-inline:auto}.section{margin-top:60px;margin-bottom:60px}.site-header{background:#fff;position:relative;z-index:20;border-bottom:1px solid #eae4d6}.header-main{height:70px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{flex-shrink:0;font-size:26px;color:#24282B;font-weight:900;letter-spacing:-1px;display:flex;align-items:center}.brand img{height:35px;width:auto;max-width:165px;object-fit:contain}.brand-dot{display:inline-block;margin-left:2px;background:#FFCD38;border-radius:7px;padding:0 7px;color:#24282B}.desktop-nav{display:flex;gap:clamp(12px,1.7vw,25px);align-items:center}.desktop-nav a{font-size:14px;font-weight:650;white-space:nowrap}.desktop-nav a.active,.subnav a.active{color:#ad7b05}.header-tools{display:flex;align-items:center;gap:12px;flex-shrink:0}.tool-link,.menu-button{background:transparent;border:1px solid #ddd6bf;color:#292d2e;border-radius:10px;width:44px;height:44px;display:grid;place-items:center;font-size:23px}.mobile-entry{font-size:13px;background:#FFCD38;border-radius:9px;padding:10px 12px;color:#24282B;font-weight:700}.subnav{background:#FFF2CF}.subnav-inner{display:flex;align-items:center;gap:27px;overflow-x:auto;scrollbar-width:none;min-height:43px;white-space:nowrap}.subnav-inner::-webkit-scrollbar{display:none}.subnav a{font-size:13px;font-weight:650}.drawer-overlay{position:fixed;inset:0;background:rgba(15,18,20,.55);z-index:80}.channel-drawer{position:fixed;top:0;right:0;height:100dvh;width:min(390px,86vw);background:#FFFAEE;z-index:81;transform:translateX(105%);visibility:hidden;pointer-events:none;transition:transform .22s,visibility .22s;overflow:auto;padding:23px}.channel-drawer.open{transform:translateX(0);visibility:visible;pointer-events:auto}.drawer-head{display:flex;justify-content:space-between;align-items:center;font-size:20px;color:#24282B}.drawer-head button{border:0;background:#fff;width:44px;height:44px;border-radius:10px;font-size:29px}.drawer-search{display:flex;gap:7px;margin:24px 0}.drawer-search input{min-width:0;width:100%;border:1px solid #ded7c8;border-radius:9px;padding:10px}.drawer-search button{border:0;background:#FFCD38;border-radius:9px;padding:8px 12px}.channel-drawer section{border-top:1px solid #dfd7c5;padding:15px 0}.channel-drawer h2{font-size:16px}.drawer-links{display:grid;grid-template-columns:1fr 1fr;gap:8px}.drawer-links a{background:#fff;padding:8px;border-radius:8px;font-size:14px}.hero{display:grid;grid-template-columns:.94fr 1.06fr;align-items:center;gap:45px;padding-top:46px;padding-bottom:24px}.hero-copy h1{font-size:36px;margin-top:10px}.hero-copy p{max-width:520px}.kicker{font-size:12px;letter-spacing:.16em;font-weight:850;color:#9b7417;display:block;margin-bottom:12px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:9px 18px;border-radius:10px;font-weight:750;font-size:14px;border:1px solid #dfbc62}.primary{background:#FFCD38;color:#202428;border-color:#FFCD38}.secondary{background:#fff;color:#2b2f32}.hero-art .media-img,.hero-art .media-empty{width:100%;max-height:380px;aspect-ratio:16/10;border-radius:18px}.media-img{display:block;width:100%;height:auto;object-fit:contain;object-position:center;background:#f8f4e9;border-radius:12px}.media-empty{background:linear-gradient(135deg,#ffe49a,#fff5d7 55%,#f3e5dc);display:flex;align-items:center;justify-content:center;aspect-ratio:3/2;border-radius:12px;min-height:100px}.media-symbol{font-size:64px;color:#c6932b;opacity:.55}.section-head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:22px}.section-head p{color:#626c70;font-size:14px}.section-head>a,.text-link,.editorial a,.text-feature a{font-size:14px;font-weight:800;color:#7d5a14;white-space:nowrap}.feature-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:17px}.feature-small{display:grid;grid-template-columns:1fr 1fr;gap:17px}.work-card{display:block;background:#fff;border:1px solid rgba(77,67,41,.13);border-radius:15px;overflow:hidden;box-shadow:0 8px 24px rgba(39,38,26,.05);height:100%;transition:transform .2s}.work-card:hover{transform:translateY(-3px)}.work-card .media-img,.work-card .media-empty{width:100%;aspect-ratio:16/10;max-height:255px}.work-info{display:grid;gap:5px;padding:16px}.work-info small{font-size:13px;color:#82734c}.work-info strong{font-size:18px;color:#23282a}.work-info>span{font-size:14px;line-height:1.65;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.work-info em{font-style:normal;font-weight:750;color:#a16c0d;font-size:13px;margin-top:5px}.feature-card .work-card .media-img,.feature-card .work-card .media-empty{max-height:335px}.genre-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.genre{position:relative;padding:22px;border-radius:14px;background:#fff;border:1px solid #eee1c9;display:flex;flex-direction:column;gap:10px;min-height:145px;font-weight:750;color:#6a572d}.genre b{font-size:19px;color:#24282B}.genre span{font-weight:400;font-size:14px;color:#555d5e}.tone-orange{border-top:5px solid #ef9a43}.tone-mint{border-top:5px solid #85bbb1}.tone-purple{border-top:5px solid #998bb7}.tone-gold{border-top:5px solid #c99018}.tone-green{border-top:5px solid #7b9873}.tone-rose{border-top:5px solid #d8a5a5}.works-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.dark-section{background:#15191C;color:#FAFAF5;padding:54px 0}.dark-section h2{color:#fff}.dark-section .kicker{color:#FFE07A}.split-feature{display:grid;grid-template-columns:1.2fr .8fr;gap:42px;align-items:center}.split-feature .media-img,.split-feature .media-empty{max-height:410px}.dark-link{display:block;border-bottom:1px solid #444;padding:7px 0;color:#FFE07A}.split-feature .btn{margin-top:18px}.editorial-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.editorial{border-radius:16px;overflow:hidden;display:flex;flex-direction:column;background:#f0e9f5}.editorial>div:nth-child(2),.editorial>div:first-child:not(:has(.media-img,.media-empty)){padding:24px}.editorial img,.editorial .media-empty{aspect-ratio:16/8;max-height:225px}.editorial-gold{background:#fff0c9}.soft-panels{display:grid;grid-template-columns:1fr 1fr;gap:18px}.soft-panels article{background:#e9f0e5;padding:35px;border-radius:16px}.soft-panels article+article{background:#eee8f6}.soft-panels a{color:#856318;font-weight:800}.status-list{border:1px solid #eee4cf;background:#fff;border-radius:15px;overflow:hidden}.status-list>a{display:grid;grid-template-columns:18px 1fr minmax(120px,.4fr) 20px;align-items:center;gap:15px;padding:16px 22px;border-bottom:1px solid #f0ecdf}.status-list>a:last-child{border:0}.status-list span:not(.status-dot){color:#777;font-size:13px}.status-dot{width:10px;height:10px;background:#eab94c;border-radius:50%}.notice-panel{padding:28px 34px;background:#FFF2CF;border-radius:15px;border:1px solid #f0dbab}.notice-panel a{color:#90670e;font-weight:800}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.steps-grid article{padding:24px;background:#fff;border:1px solid #eee6d5;border-radius:13px}.steps-grid small{font-size:22px;font-weight:800;color:#ce9d29}.steps-grid h3{margin:10px 0}.steps-grid p{font-size:14px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}.character-mini a{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #e4dbcb;padding:12px 0;font-size:13px}.character-mini strong{font-size:15px}.two-col .media-img,.two-col .media-empty{max-height:350px}.text-feature{padding:27px;background:#fff;border:1px solid #ece0c8;border-radius:15px;margin-top:20px}.mobile-feature{display:grid;grid-template-columns:.7fr 1.3fr;align-items:center;gap:60px;background:#fff3d6;border-radius:20px;padding:28px 45px}.mobile-feature .media-img,.mobile-feature .media-empty{max-height:360px;object-fit:contain}.service-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.service-cards a{display:grid;gap:12px;background:#fff;border:1px solid #e9dfcc;padding:24px;border-radius:13px;font-size:14px}.service-cards b{font-size:19px}.footer{background:#15191C;color:#FAFAF5;padding:48px 0 24px}.footer-grid{display:grid;grid-template-columns:1.6fr repeat(4,1fr);gap:32px}.footer-logo{font-weight:900;font-size:28px;color:#FFE07A}.footer-about small{display:block;letter-spacing:.14em}.footer-about p{font-size:14px;color:#c5c9c8;margin-top:14px}.footer-col{display:flex;flex-direction:column;gap:7px}.footer-col h3{font-size:15px;color:#FFE07A}.footer-col a{font-size:13px;color:#d1d3d0}.footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;border-top:1px solid #41433a;padding-top:20px;margin-top:33px;gap:10px;font-size:12px;color:#c6c8c6}.bottom-nav{display:none}.page-intro{padding-top:48px;padding-bottom:26px}.page-intro p{max-width:850px}.channel-banner{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;background:#fff4d9;border-radius:19px;padding:24px}.channel-banner .media-img,.channel-banner .media-empty{aspect-ratio:16/10;max-height:320px}.chapter-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.chapter-grid article{background:#fff;padding:30px;border:1px solid #e9e2d5;border-radius:13px}.chapter-grid article>span{font-size:12px;letter-spacing:.1em;font-weight:800;color:#a37c27}.reading-section{max-width:980px}.reading-row{display:grid;grid-template-columns:80px 1fr;padding:23px 0;border-bottom:1px solid #ded6c8;gap:12px}.reading-row>span{font-weight:850;color:#af891e;font-size:24px}.character-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.character-grid>a{padding:22px;border-radius:13px;background:white;border:1px solid #eadfce}.character-grid small{color:#9a710f}.character-grid span{font-size:13px;color:#917222}.detail-hero{display:grid;grid-template-columns:.9fr 1.1fr;gap:45px;align-items:center}.detail-hero .media-img,.detail-hero .media-empty{aspect-ratio:3/2;max-height:380px}.tags{display:flex;gap:7px;flex-wrap:wrap;margin:18px 0}.tags span{background:#ffedc0;color:#5f4d29;font-size:13px;padding:4px 11px;border-radius:8px}.muted{color:#7b7d7b;font-size:14px}.episode-list{display:grid;gap:11px}.episode-list article{display:grid;grid-template-columns:50px 1fr auto;align-items:center;gap:15px;background:white;padding:19px;border-radius:12px;border:1px solid #ece3d3}.ep-num{font-size:23px;color:#ba8f28;font-weight:900}.episode-list h3{margin-bottom:6px}.episode-list p{font-size:14px;margin:0}.episode-list small{color:#92721f}.episode-list a{color:#815b0b;font-weight:800;white-space:nowrap}.watch-layout h1{margin-top:18px}.player-area{background:#15191c;border-radius:15px;overflow:hidden}.player-area video{display:block;width:100%;max-height:70vh;background:#101010}.player-empty{min-height:350px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:25px;color:#fff}.player-empty span{color:#FFE07A;letter-spacing:.18em}.player-empty h2{color:#fff;margin-top:15px}.ep-navigation{display:flex;gap:10px;margin-top:20px}.ep-navigation a{background:#ffdb6d;border-radius:9px;padding:10px 16px}.search-large{display:flex;gap:10px;margin-bottom:35px}.search-large input{flex:1;min-width:0;padding:12px 15px;border-radius:10px;border:1px solid #d6c7a8}.link-pills{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.link-pills a{padding:9px 15px;border:1px solid #dccdaa;border-radius:8px;background:#fff;font-size:14px}.faq-list{max-width:950px}.faq-list details{border-bottom:1px solid #e4d9bf;padding:17px 10px;background:#fff}.faq-list summary{font-weight:750;color:#282c2c;cursor:pointer}.faq-list p{margin-top:15px;padding:0 12px}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #a76b00;outline-offset:3px}@media(max-width:1050px){.desktop-nav{display:none}.footer-grid{grid-template-columns:repeat(4,1fr)}.footer-about{grid-column:span 4}.feature-grid{grid-template-columns:1fr 1fr}.header-main{gap:10px}}@media(max-width:760px){.wrap{width:calc(100% - 34px)}.section{margin-top:35px;margin-bottom:35px}.hero{grid-template-columns:1fr;padding-top:31px;gap:20px}.hero-copy h1{font-size:29px}.hero-art{order:-1}.hero-art .media-img,.hero-art .media-empty{max-height:270px}.feature-grid,.feature-small,.split-feature,.editorial-grid,.soft-panels,.two-col,.mobile-feature,.detail-hero,.channel-banner,.chapter-grid{grid-template-columns:1fr}.genre-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.works-grid,.steps-grid,.service-cards,.character-grid{grid-template-columns:1fr}.feature-card .work-card .media-img{max-height:270px}.dark-section{padding:35px 0}.mobile-feature{gap:16px;padding:20px}.mobile-feature .media-img,.mobile-feature .media-empty{max-height:280px}.channel-banner{gap:18px;padding:16px}.footer-grid{grid-template-columns:1fr 1fr;gap:24px}.footer-about{grid-column:span 2}.footer{padding-bottom:95px}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:50;justify-content:space-around;background:#fff;border-top:1px solid #e7dbc2;padding:6px 0 calc(7px + env(safe-area-inset-bottom));box-shadow:0 -3px 15px #0001}.bottom-nav a{display:flex;flex-direction:column;align-items:center;font-size:20px;line-height:1.2;width:25%;min-height:44px;color:#3a3d3e}.bottom-nav span{font-size:12px;margin-top:3px}.site-header .mobile-entry{display:none}.subnav-inner{gap:18px}.section-head{align-items:start}.section-head>a{margin-top:22px}.status-list>a{grid-template-columns:12px 1fr auto;gap:8px;padding:14px}.status-list>a>span:not(.status-dot){grid-column:2;grid-row:2}.status-list>a>strong{grid-column:2;grid-row:1}.status-list>a{font-size:14px}.status-list>a:last-child{grid-column:3}.episode-list article{grid-template-columns:34px 1fr;gap:10px}.episode-list a{grid-column:2}.player-empty{min-height:240px}.reading-row{grid-template-columns:45px 1fr}.character-mini a{flex-wrap:wrap}.hero-copy p{font-size:15px}}@media(max-width:400px){.genre{padding:15px;min-height:150px}.genre b{font-size:16px}.hero-copy h1{font-size:26px}.section-head h2{font-size:21px}.work-info{padding:13px}.footer-grid{gap:14px}.mobile-feature{padding:18px}.btn{padding-inline:12px}}