@charset "UTF-8";
: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;--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;--wrap:1320px;--serif:Georgia,"Noto Serif SC","Songti SC",serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--cream);color:var(--ink);font:15px/1.75 Inter,"PingFang SC","Microsoft YaHei",Arial,sans-serif;-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}img,video,svg{max-width:100%}::selection{background:var(--rose-light);color:var(--plum-dark)}.skip{position:absolute;left:-9999px;top:8px;background:white;padding:10px;z-index:100}.skip:focus{left:10px}
.header{height:72px;position:sticky;top:0;z-index:50;background:rgba(255,254,248,.96);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);transition:box-shadow .2s}.header.scrolled{box-shadow:0 6px 24px rgba(61,56,45,.07);background:rgba(255,255,255,.98)}.header-inner{height:100%;max-width:var(--wrap);padding:0 28px;margin:auto;display:flex;align-items:center;gap:30px}.brand{display:inline-flex;align-items:center;gap:10px;flex-shrink:0}.brand i{width:38px;height:38px;border-radius:13px;background:linear-gradient(145deg,#F5E3A0,#D6A92F);display:grid;place-items:center;color:var(--plum);font:700 22px var(--serif);font-style:normal;box-shadow:inset 0 1px rgba(255,255,255,.7)}.brand b{display:block;font-size:16px;letter-spacing:.04em;line-height:1.3}.brand small{display:block;color:var(--ink-3);font-size:9px;letter-spacing:.12em}.nav{display:flex;align-items:center;gap:clamp(10px,1.45vw,22px);flex:1;white-space:nowrap}.nav a{font-size:11px;color:var(--ink-2);padding:25px 0;position:relative}.nav a:hover{color:var(--mauve-deep)}.actions{display:flex;align-items:center;gap:8px}.round,.menu{width:36px;height:36px;border:1px solid var(--line);background:white;border-radius:50%;display:grid;place-items:center;color:var(--ink-2);font-size:19px}.app{font-size:10px;letter-spacing:.1em;border:1px solid var(--line-strong);padding:7px 13px;border-radius:999px}.menu{display:none;border-radius:9px}.mobile-nav{display:none}
.search-modal{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;padding:22px}.search-modal.is-open{display:flex}.search-modal[hidden]{display:none!important}.shade{position:absolute;inset:0;background:rgba(41,35,25,.48);backdrop-filter:blur(5px)}.search-box{position:relative;width:min(580px,100%);padding:45px;background:var(--cream);border-radius:25px;box-shadow:0 28px 90px rgba(0,0,0,.2)}.search-box>small,.section-title small,.hero-copy>small,.section>div>small,.inner-hero small,.aside-card>small{font-size:10px;font-weight:750;letter-spacing:.18em;color:var(--mauve-deep)}.search-box h2{font:500 34px/1.3 var(--serif);margin:8px 0}.search-box p{font-size:12px;color:var(--ink-2)}.search-box form{display:flex;padding:6px;background:#fff;border:1px solid var(--line-strong);border-radius:13px}.search-box input{min-width:0;flex:1;border:0;outline:0;padding:10px;background:transparent}.search-box form button{border:0;background:var(--rose);border-radius:9px;padding:10px 17px;font-size:12px;font-weight:700}.close{position:absolute;right:16px;top:12px;border:0;background:none;font-size:28px;color:var(--ink-2)}.hot{display:flex;gap:15px;margin-top:17px;font-size:11px;color:var(--ink-2)}main{min-height:60vh}
.hero{max-width:var(--wrap);margin:auto;padding:65px 28px 55px;min-height:570px;display:grid;grid-template-columns:1.05fr .95fr;gap:35px;align-items:center;position:relative}.hero:before{content:"";position:absolute;inset:0 0 0 28%;z-index:-1;background:linear-gradient(135deg,#FFFEF8 0%,#FFF4CE 56%,#F8E8B5 100%);border-radius:0 0 0 100px}.hero-copy h1{font:500 clamp(39px,4.7vw,63px)/1.2 var(--serif);letter-spacing:-.04em;margin:17px 0;color:var(--plum-dark)}.hero-copy h1 em{font-style:normal;color:#A77C22}.hero-copy>p{max-width:570px;color:var(--ink-2);font-size:14px;line-height:2;margin-bottom:23px}.hero-copy form{max-width:580px;display:flex;align-items:center;gap:9px;padding:7px 8px 7px 15px;background:white;border:1px solid rgba(138,117,78,.22);border-radius:13px;box-shadow:var(--shadow)}.hero-copy form span{font-size:22px;color:var(--mauve)}.hero-copy input{min-width:0;flex:1;border:0;outline:0;font-size:11px}.hero-copy form button{border:0;background:var(--rose);padding:10px 17px;border-radius:9px;font-size:11px;font-weight:700;color:var(--plum-dark)}.hero-tags{display:flex;gap:13px;flex-wrap:wrap;margin:16px 0 22px;font-size:10px;color:var(--ink-3)}.hero-tags a{color:var(--ink-2);border-bottom:1px solid var(--line-strong)}.hero-buttons{display:flex;gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 18px;border-radius:10px;font-size:11px;font-weight:700;border:1px solid transparent;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px)}.primary{background:var(--rose);color:var(--plum-dark);box-shadow:0 8px 20px rgba(214,169,47,.18)}.ghost{border-color:var(--line-strong);color:var(--ink-2);background:transparent}.dark{background:var(--plum-dark);color:white}.light{background:var(--cream);color:var(--plum-dark)}
.hero-stage{height:410px;position:relative;display:flex;align-items:center;justify-content:center}.stage-main{width:245px;height:340px;position:absolute;left:17%;top:35px;border-radius:130px 130px 18px 18px;padding:25px;background:linear-gradient(150deg,#E8C76B,#C28F3C 58%,#78603B);color:#fff9e9;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;box-shadow:var(--shadow-hover)}.stage-main:after{content:"";position:absolute;width:210px;height:210px;border:1px solid rgba(255,255,255,.45);border-radius:50%;right:-75px;top:50px}.stage-main small,.stage-side small{font-size:9px;letter-spacing:.2em;position:relative}.stage-main b{font:500 34px/1.4 var(--serif);position:relative}.stage-main span{font-size:9px;letter-spacing:.3em;position:relative}.stage-side{width:145px;height:220px;position:absolute;right:6%;bottom:24px;padding:18px;background:linear-gradient(160deg,#D7DFCB,#8D9B7B);border-radius:80px 80px 15px 15px;color:#40503A;display:flex;flex-direction:column;justify-content:space-between;transform:rotate(7deg);box-shadow:var(--shadow)}.stage-side b{font:500 26px/1.3 var(--serif)}.stage-side span{font-size:10px;letter-spacing:.2em}.floating-note{position:absolute;right:0;top:10px;padding:12px 16px;background:rgba(255,254,248,.9);border:1px solid white;border-radius:12px;font-size:8px;letter-spacing:.15em;color:var(--mauve-deep);box-shadow:var(--shadow)}.floating-note strong{display:block;font:500 13px var(--serif);letter-spacing:0;color:var(--ink)}
.section{max-width:var(--wrap);margin:auto;padding:62px 28px}.section.tinted{max-width:none;padding-left:max(28px,calc((100% - 1264px)/2));padding-right:max(28px,calc((100% - 1264px)/2));background:linear-gradient(180deg,#FFF9E9,#FFFEF8)}.section-title{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:27px}.section-title h2{font:500 clamp(26px,3vw,36px)/1.3 var(--serif);letter-spacing:-.02em;margin:6px 0}.section-title p{font-size:12px;color:var(--ink-3);margin:0;max-width:590px}.section-title>a,.text-link{font-size:11px;font-weight:700;color:var(--mauve-deep);white-space:nowrap;border-bottom:1px solid rgba(138,117,78,.35);padding-bottom:4px}
.quick{display:grid;grid-template-columns:.72fr 1.28fr;gap:35px;padding-top:34px;padding-bottom:35px;border-bottom:1px solid var(--line)}.quick h2{font:500 23px var(--serif);margin:4px 0}.quick p{font-size:11px;color:var(--ink-3);margin:0}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.quick-grid a{display:flex;align-items:center;gap:8px;padding:11px;background:white;border:1px solid var(--line);border-radius:11px;font-size:10px}.quick-grid i{width:29px;height:29px;display:grid;place-items:center;border-radius:9px;background:var(--cream-2);font-style:normal;color:var(--mauve-deep)}.quick-grid b{flex:1;font-size:10px}
.feature-layout{display:grid;grid-template-columns:.75fr .75fr .8fr;gap:25px;align-items:stretch}.feature-poster{min-height:300px;padding:23px;background:linear-gradient(145deg,#EAD18B,#C49A4D);border-radius:18px;color:var(--plum-dark);display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.feature-poster:after{content:"";position:absolute;width:220px;height:220px;border:1px solid rgba(255,255,255,.55);border-radius:50%;right:-70px;bottom:-60px}.feature-poster small,.feature-poster span{font-size:9px;letter-spacing:.18em;position:relative}.feature-poster b{font:500 29px/1.4 var(--serif);position:relative}.feature-text{align-self:center}.feature-text>small{background:var(--cream-2);padding:5px 8px;color:var(--mauve-deep);font-size:9px}.feature-text h3{font:500 23px/1.45 var(--serif);margin:15px 0 9px}.feature-text p{font-size:11px;color:var(--ink-2);line-height:2}.feature-text>a,.ai-band a,.comic-band a,.split a{font-size:11px;color:var(--mauve-deep);font-weight:700;border-bottom:1px solid var(--line-strong)}.feature-list{border-left:1px solid var(--line);padding-left:20px;display:flex;flex-direction:column;justify-content:center}.feature-list a{padding:17px 0;border-bottom:1px solid var(--line)}.feature-list b,.feature-list small{display:block}.feature-list b{font:500 13px/1.5 var(--serif)}.feature-list small{font-size:9px;color:var(--ink-3);margin-top:4px}
.genre-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:12px}.genre{min-height:190px;border-radius:17px;padding:22px;display:flex;flex-direction:column;justify-content:end;position:relative;overflow:hidden}.genre:after{content:"";position:absolute;width:190px;height:190px;border:1px solid rgba(255,255,255,.55);border-radius:50%;right:-60px;top:-60px}.genre small,.genre b,.genre span{position:relative}.genre small{font-size:9px;letter-spacing:.16em}.genre b{font:500 24px var(--serif);margin:7px 0}.genre span{font-size:10px}.g1{background:linear-gradient(140deg,#D8B96D,#B18B45);color:#fffdf5;min-height:250px}.g2{background:linear-gradient(140deg,#D8DFCC,#9AA78A);color:#3D4937}.g3{background:linear-gradient(140deg,#F1DFC0,#D5B98C);color:#675236}.g4{background:linear-gradient(145deg,#F2D4B4,#D7A078);color:#684832}
.ai-band{display:grid;grid-template-columns:.75fr 1.25fr;background:#F1F4E9;border-radius:22px;overflow:hidden}.ai-band>div{min-height:350px;background:linear-gradient(145deg,#C7D2B8,#829575);padding:30px;display:flex;flex-direction:column;justify-content:space-between;color:#35432F;position:relative;overflow:hidden}.ai-band>div:after{content:"";position:absolute;width:260px;height:260px;border:1px solid rgba(255,255,255,.5);border-radius:50%;right:-90px;top:50px}.ai-band>div small,.ai-band>div b,.ai-band>div span{position:relative}.ai-band>div small{font-size:9px;letter-spacing:.15em}.ai-band>div b{font:500 38px/1.3 var(--serif)}.ai-band>div span{font-size:10px}.ai-band article{padding:35px 42px}.ai-band article>small{font-size:9px;letter-spacing:.16em;color:var(--mauve-deep)}.ai-band h3{font:500 27px var(--serif);margin:8px 0}.ai-band p{font-size:11px;color:var(--ink-2);line-height:2}.ai-band ol{padding:0;list-style:none;display:grid;gap:10px}.ai-band li{font-size:11px;color:var(--ink-2)}.ai-band li b{color:#879875;margin-right:12px}
.comic-band{display:grid;grid-template-columns:.8fr 1.2fr;min-height:280px;border-radius:20px;overflow:hidden;background:#F7EEDB}.comic-band>div:first-child{padding:35px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.comic-band>div:first-child>small{font-size:9px;letter-spacing:.16em;color:var(--mauve-deep)}.comic-band>div:first-child>b{font:500 30px/1.4 var(--serif);margin:10px 0}.comic-band p{font-size:11px;color:var(--ink-2)}.comic-panels{display:flex;align-items:center;justify-content:center;gap:13px;padding:25px;background:linear-gradient(135deg,#E9D5A6,#D7C49A)}.comic-panels span{width:27%;height:180px;border-radius:100px 100px 14px 14px;background:linear-gradient(160deg,#F8EAC5,#D8B76F);display:grid;place-content:center;text-align:center;font:500 15px var(--serif);color:#655337;box-shadow:var(--shadow)}.comic-panels span:nth-child(2){height:220px;background:linear-gradient(160deg,#E9E8D7,#AAB59A);transform:translateY(-10px)}.comic-panels span:nth-child(3){background:linear-gradient(160deg,#F6D9B8,#D49B72);transform:translateY(10px)}.comic-panels b{font-size:23px}
.vertical-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.vertical-grid>a{min-width:0}.vertical-art{aspect-ratio:3/4;border-radius:15px;padding:15px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.vertical-art:after{content:"";position:absolute;width:160px;height:160px;border:1px solid rgba(255,255,255,.6);border-radius:50%;right:-50px;top:20px}.vertical-art small,.vertical-art b{position:relative}.vertical-art b{font:500 19px var(--serif)}.vertical-grid>a>strong{display:block;font:500 13px/1.5 var(--serif);margin:10px 0 2px}.vertical-grid>a>small{font-size:9px;color:var(--ink-3)}
.tone-honey{background:radial-gradient(circle at 75% 22%,#FFF3C5 0 8%,transparent 9%),linear-gradient(145deg,#EAD18B,#C49A4D);color:#5C4A2D}.tone-sage{background:radial-gradient(circle at 70% 25%,#F8F5E6 0 12%,transparent 13%),linear-gradient(145deg,#D9E1CE,#94A58A);color:#40503A}.tone-peach{background:radial-gradient(circle at 72% 25%,#FFF3E2 0 10%,transparent 11%),linear-gradient(145deg,#F0D0A4,#C78F65);color:#684832}.tone-cream{background:radial-gradient(circle at 70% 22%,#fff 0 12%,transparent 13%),linear-gradient(145deg,#F8F0D9,#D8C9A5);color:#655A45}
.split{display:grid;grid-template-columns:1.1fr .9fr;gap:55px;background:#F7F2E6;max-width:none;padding-left:max(28px,calc((100% - 1264px)/2));padding-right:max(28px,calc((100% - 1264px)/2))}.split h2{font:500 29px/1.5 var(--serif);margin:10px 0}.split p{font-size:11px;color:var(--ink-2)}.split-note{border-left:1px solid var(--line-strong);padding:25px 0 25px 35px;align-self:center}.split-note b{font:500 23px/1.5 var(--serif)}.split-note p{max-width:350px}
.topic-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.topic-card{min-height:220px;border-radius:16px;padding:20px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between}.topic-card>small{font-size:8px;letter-spacing:.15em;opacity:.75}.topic-card>b{font:500 19px/1.4 var(--serif)}.topic-card p{font-size:10px;line-height:1.8;opacity:.8}.topic-card strong{font-size:10px}
.rank-list{max-width:900px;margin:auto;border-top:1px solid var(--line)}.rank-list>a{display:grid;grid-template-columns:55px 1fr 25px;align-items:center;padding:16px 10px;border-bottom:1px solid var(--line)}.rank-list i{font:italic 23px var(--serif);color:var(--rose)}.rank-list b,.rank-list small{display:block}.rank-list b{font:500 15px var(--serif)}.rank-list small{font-size:9px;color:var(--ink-3)}
.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.guide-grid a{padding:24px;border:1px solid var(--line);border-radius:14px;background:#fff}.guide-grid b{font:500 17px var(--serif)}.guide-grid p{font-size:10px;color:var(--ink-3)}
.community-band{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;background:#E9EEDF;max-width:none;padding-left:max(28px,calc((100% - 1264px)/2));padding-right:max(28px,calc((100% - 1264px)/2))}.community-band h2{font:500 34px/1.4 var(--serif);margin:8px 0}.community-band p{font-size:11px;color:var(--ink-2);max-width:340px}.discussion{border-top:1px solid rgba(61,56,45,.16)}.discussion a{display:block;padding:15px 5px;border-bottom:1px solid rgba(61,56,45,.16)}.discussion small,.discussion b,.discussion span{display:block}.discussion small{font-size:9px;color:var(--mauve-deep)}.discussion b{font:500 15px var(--serif);margin:4px 0}.discussion span{font-size:9px;color:var(--ink-3)}
.app-band{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;background:#FFF8E7;max-width:none;padding-left:max(28px,calc((100% - 1264px)/2));padding-right:max(28px,calc((100% - 1264px)/2))}.device{height:290px;width:170px;margin:auto;border:8px solid #554832;border-radius:30px;background:linear-gradient(155deg,#FFF3C9,#DCC17C);box-shadow:0 25px 45px rgba(70,55,28,.2);padding:22px 14px;display:flex;flex-direction:column;justify-content:space-between;color:#5C4B2F;transform:rotate(-7deg)}.device span,.device small{font-size:9px;letter-spacing:.15em}.device b{font:500 24px/1.4 var(--serif)}.app-band h2{font:500 32px/1.4 var(--serif);margin:8px 0}.app-band p{font-size:11px;color:var(--ink-2);max-width:440px}.app-band .text-link{display:inline-block;margin-left:12px}
.privacy-band{display:flex;align-items:center;gap:22px}.privacy-mark{width:55px;height:55px;border-radius:17px;background:#E8EEDF;color:#738465;display:grid;place-items:center;font-size:24px;flex-shrink:0}.privacy-band>div:nth-child(2){flex:1}.privacy-band h2{font:500 22px var(--serif);margin:4px 0}.privacy-band p{font-size:10px;color:var(--ink-2);margin:0;max-width:700px}
.faq{border-top:1px solid var(--line)}.faq details{padding:16px 5px;border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;font:500 14px var(--serif)}.faq summary::-webkit-details-marker{display:none}.faq summary span{font:18px Arial;color:var(--mauve)}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{font-size:11px;color:var(--ink-2);max-width:850px;margin:10px 0 2px}
.final-cta{background:linear-gradient(120deg,#3B3326,#655238);color:#fff9e9;padding:55px max(28px,calc((100% - 1264px)/2));display:flex;justify-content:space-between;align-items:center;gap:25px}.final-cta small{font-size:9px;letter-spacing:.18em;color:#E7C45D}.final-cta h2{font:500 33px/1.4 var(--serif);margin:8px 0}.final-cta p{font-size:11px;color:rgba(255,255,255,.7)}
.footer{background:linear-gradient(135deg,#3B3326,#655238);color:#fff9e9;padding:50px 28px 20px}.footer-grid{max-width:1264px;margin:0 auto 38px;display:grid;grid-template-columns:1.6fr repeat(4,1fr);gap:30px}.brand-light i{background:#F5E3A0}.brand-light b{color:#fff9e9}.brand-light small{color:rgba(255,255,255,.55)}.footer-grid>div:first-child p{max-width:260px;font-size:10px;color:rgba(255,255,255,.62);margin-top:17px}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:9px;font-size:10px}.footer-grid>div>b{font:500 14px var(--serif);color:#F5E3A0;margin-bottom:6px}.footer-grid a:not(.brand){color:rgba(255,255,255,.7)}.footer-grid a:hover{color:#F5E3A0}.footer-bottom{max-width:1264px;margin:auto;padding-top:17px;border-top:1px solid rgba(255,255,255,.16);display:flex;justify-content:space-between;gap:20px;font-size:9px;color:rgba(255,255,255,.55)}.bottom-nav{display:none}
.breadcrumb{max-width:1264px;margin:20px auto 0;padding:0 28px;display:flex;gap:10px;color:var(--ink-3);font-size:10px}.breadcrumb a{color:var(--mauve-deep)}
.inner-hero{max-width:1264px;margin:17px auto 0;padding:43px 50px;min-height:220px;border-radius:21px;display:flex;align-items:center;justify-content:space-between;overflow:hidden}.inner-hero h1{font:500 clamp(30px,4vw,47px)/1.25 var(--serif);margin:8px 0}.inner-hero p{font-size:12px;color:var(--ink-2);max-width:650px;margin:0}.inner-hero>b{font:500 95px/1 var(--serif);color:rgba(85,72,50,.18);margin-right:35px}.inner-hero.tone-honey{background:linear-gradient(120deg,#FFF4CE,#F2E2B6)}.inner-hero.tone-sage{background:linear-gradient(120deg,#EEF3E7,#D9E3D0)}.inner-hero.tone-peach{background:linear-gradient(120deg,#FFF0DF,#F0D5B6)}.inner-hero.tone-cream{background:linear-gradient(120deg,#FFFDF5,#F1EBD9)}
.inner-layout{max-width:1264px;margin:auto;padding:42px 28px 80px;display:grid;grid-template-columns:minmax(0,1fr) 235px;gap:42px}.inner-main{min-width:0}.prose{padding:26px 0 32px;border-bottom:1px solid var(--line)}.prose h2{font:500 22px var(--serif);margin:0 0 10px}.prose p{font-size:12px;line-height:2.1;color:var(--ink-2);margin:0;max-width:850px}.inner-section{padding:32px 0;border-bottom:1px solid var(--line)}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.card{min-width:0;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}.card>a{display:block;height:100%}.card-art{height:145px;padding:14px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.card-art:after{content:"";position:absolute;width:140px;height:140px;border:1px solid rgba(255,255,255,.6);border-radius:50%;right:-40px;top:15px}.card-art span,.card-art b{position:relative;z-index:1}.card-art span{font:italic 19px var(--serif)}.card-art b{font-size:10px}.card-copy{padding:13px}.card-copy>small{font-size:9px;color:var(--mauve-deep)}.card-copy h3{font:500 14px/1.5 var(--serif);margin:7px 0}.card-copy p{font-size:10px;color:var(--ink-3);line-height:1.8;margin:0}
.row-list{border-top:1px solid var(--line)}.row-list>a{display:flex;align-items:center;gap:14px;padding:16px 7px;border-bottom:1px solid var(--line)}.row-list>a>i{font:italic 17px var(--serif);color:var(--rose);font-style:normal}.row-list>a>span{flex:1}.row-list b,.row-list small{display:block}.row-list b{font:500 14px var(--serif)}.row-list small{font-size:10px;color:var(--ink-3);margin-top:3px}.inner-layout aside{display:flex;flex-direction:column;gap:13px}.aside-card{padding:19px;background:#fff;border:1px solid var(--line);border-radius:13px;display:flex;flex-direction:column;gap:9px}.aside-card:first-child{background:#F2EBD8;border:0}.aside-card h3{font:500 20px var(--serif);margin:0}.aside-card p{font-size:10px;color:var(--ink-2);margin:0}.aside-card b{font:500 14px var(--serif)}.aside-card a{font-size:10px;color:var(--ink-2)}.aside-card a:hover{color:var(--mauve-deep)}
.shelf{max-width:1264px;margin:auto;padding:25px 28px 75px}.shelf>section{padding:22px 0 35px}.shelf-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.shelf-head small{font-size:9px;letter-spacing:.17em;color:var(--mauve-deep)}.shelf-head h2{font:500 25px var(--serif);margin:4px 0}.shelf-head p{font-size:10px;color:var(--ink-3);margin:0}.shelf-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.empty{padding:22px;background:#fff;border:1px dashed var(--line-strong);border-radius:12px;color:var(--ink-3);font-size:11px;grid-column:1/-1}.shelf-item{padding:16px;background:white;border:1px solid var(--line);border-radius:12px}.shelf-item b,.shelf-item small{display:block}.shelf-item b{font:500 14px var(--serif)}.shelf-item small{font-size:9px;color:var(--ink-3);margin:5px 0 10px}.shelf-item a{font-size:10px;color:var(--mauve-deep)}.storage-note{font-size:10px;color:var(--ink-3)}.not-found{max-width:780px;margin:auto;padding:95px 25px;text-align:center}.not-found>small{font-size:10px;letter-spacing:.17em;color:var(--mauve-deep)}.not-found>strong{display:block;font:500 clamp(90px,20vw,160px)/1 var(--serif);color:#E8D59F}.not-found h1{font:500 30px var(--serif)}.not-found p{font-size:12px;color:var(--ink-2);max-width:460px;margin:0 auto 22px}.not-found .btn{margin:5px}
@media(max-width:1180px){.nav{gap:10px}.nav a{font-size:10px}.header-inner{gap:18px}.footer-grid{grid-template-columns:1.4fr repeat(2,1fr)}.footer-grid>div:first-child{grid-row:span 2}}
@media(max-width:1020px){.nav{display:none}.header-inner{justify-content:space-between}.menu{display:grid}.mobile-nav:not([hidden]){position:absolute;top:72px;left:0;right:0;background:var(--cream);padding:12px 24px 20px;border-bottom:1px solid var(--line);box-shadow:var(--shadow);display:grid;grid-template-columns:repeat(2,1fr);gap:4px}.mobile-nav a{padding:9px;border-bottom:1px solid var(--line);font-size:11px}.hero{grid-template-columns:1fr .8fr}.hero-copy h1{font-size:48px}.feature-layout{grid-template-columns:1fr 1fr}.feature-list{grid-column:1/-1;border-left:0;padding-left:0;display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.feature-list a{border:1px solid var(--line);padding:13px;border-radius:10px}.genre-grid{grid-template-columns:1fr 1fr}.g1{min-height:220px}.g4{grid-column:1/-1}.inner-layout{grid-template-columns:minmax(0,1fr) 205px;gap:25px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:45px;gap:10px}.hero:before{inset:0;border-radius:0 0 0 70px}.hero-copy{max-width:720px}.hero-stage{height:325px;max-width:600px;width:100%;margin:auto}.stage-main{left:25%;width:205px;height:285px;top:15px}.stage-side{right:12%;height:190px;width:125px}.quick{grid-template-columns:1fr;gap:17px}.quick-grid{grid-template-columns:repeat(4,1fr)}.ai-band{grid-template-columns:.7fr 1.3fr}.ai-band article{padding:27px}.vertical-grid{grid-template-columns:repeat(4,1fr)}.inner-layout{grid-template-columns:1fr}.inner-layout aside{display:grid;grid-template-columns:repeat(3,1fr)}.inner-hero{margin-left:18px;margin-right:18px}}
@media(max-width:768px){.header{height:64px}.header-inner{padding:0 18px}.brand i{width:34px;height:34px}.brand b{font-size:14px}.mobile-nav:not([hidden]){top:64px}.section{padding:47px 20px}.section.tinted,.split,.community-band,.app-band{padding-left:20px;padding-right:20px}.hero{padding:40px 20px 28px;min-height:0}.hero-copy h1{font-size:41px}.hero-copy>p{font-size:12px}.hero-stage{height:290px}.stage-main{left:22%;height:250px;width:180px}.stage-side{right:8%;height:165px;width:112px}.quick{padding-top:25px;padding-bottom:25px}.quick-grid{grid-template-columns:repeat(2,1fr)}.section-title{align-items:flex-start;flex-direction:column;gap:10px}.section-title h2{font-size:28px}.feature-layout{grid-template-columns:1fr}.feature-poster{min-height:230px}.feature-list{grid-template-columns:1fr}.feature-list a{border:0;border-bottom:1px solid var(--line);padding:13px 0}.genre-grid{grid-template-columns:1fr 1fr}.genre{min-height:150px;padding:16px}.g1{min-height:210px}.g4{grid-column:auto}.ai-band{grid-template-columns:1fr}.ai-band>div{min-height:210px}.ai-band article{padding:25px}.comic-band{grid-template-columns:1fr}.comic-band>div:first-child{padding:27px}.comic-panels{min-height:220px}.comic-panels span{height:150px}.comic-panels span:nth-child(2){height:185px}.vertical-grid{grid-template-columns:repeat(2,1fr);gap:14px}.split,.community-band,.app-band{grid-template-columns:1fr;gap:22px}.split-note{border-left:0;border-top:1px solid var(--line);padding:22px 0 0}.topic-grid{grid-template-columns:repeat(2,1fr)}.topic-card{min-height:195px;padding:16px}.topic-card>b{font-size:17px}.guide-grid{grid-template-columns:1fr}.community-band h2{font-size:30px}.app-band{gap:15px}.device{height:245px;width:145px}.app-band h2{font-size:29px}.privacy-band{align-items:flex-start;flex-wrap:wrap}.privacy-band>div:nth-child(2){min-width:calc(100% - 80px)}.final-cta{padding:40px 20px;align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:repeat(2,1fr);gap:25px}.footer-grid>div:first-child{grid-column:1/-1;grid-row:auto}.footer-bottom{flex-direction:column;gap:8px}.inner-hero{margin:14px 14px 0;padding:30px 23px;min-height:180px}.inner-hero>b{font-size:60px;margin-right:4px}.inner-layout{padding:24px 20px 60px}.inner-layout aside{grid-template-columns:1fr 1fr}.breadcrumb{padding:0 20px}.cards{gap:10px}.card-art{height:125px}.card-copy{padding:10px}.shelf{padding:20px 20px 65px}.shelf-grid{grid-template-columns:repeat(2,1fr)}.shelf-head{align-items:flex-start;flex-direction:column}.bottom-nav{display:flex;position:fixed;z-index:45;bottom:0;left:0;right:0;height:60px;padding:5px 8px calc(5px + env(safe-area-inset-bottom));justify-content:space-around;background:rgba(255,254,248,.97);border-top:1px solid var(--line);backdrop-filter:blur(12px)}.bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:17px;color:var(--ink-2)}.bottom-nav small{font-size:9px}.footer{padding-bottom:82px}}
@media(max-width:520px){.hero-copy h1{font-size:35px}.hero-buttons{flex-direction:column;align-items:flex-start}.hero-copy form{padding-left:9px}.hero-copy input{font-size:9px}.hero-copy form button{font-size:10px;padding:9px}.hero-stage{height:250px}.stage-main{left:17%;width:155px;height:220px;padding:17px}.stage-main b{font-size:25px}.stage-side{right:4%;width:100px;height:145px;padding:12px}.stage-side b{font-size:20px}.floating-note{font-size:7px;padding:9px}.quick-grid{gap:7px}.quick-grid a{padding:8px;font-size:9px}.genre-grid{grid-template-columns:1fr}.g1{min-height:180px}.g4{grid-column:auto}.topic-grid{gap:8px}.topic-card{min-height:180px}.topic-card p{font-size:9px}.inner-hero{padding:25px 18px}.inner-hero h1{font-size:28px}.inner-hero p{font-size:10px}.inner-hero>b{font-size:45px}.inner-layout aside{grid-template-columns:1fr}.cards{grid-template-columns:1fr 1fr;gap:8px}.card-art{height:105px;padding:9px}.card-copy h3{font-size:12px}.card-copy p{font-size:9px}.card-copy{padding:9px}.shelf-grid{grid-template-columns:1fr}.search-box{padding:36px 20px}.search-box h2{font-size:27px}.search-box form{flex-direction:column}.search-box form button{width:100%}.not-found{padding:70px 20px}.not-found h1{font-size:24px}.final-cta h2{font-size:28px}}
@media(prefers-reduced-motion:reduce){*,*::before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}


.update-stream{border-top:1px solid var(--line)}.update-stream>a{display:grid;grid-template-columns:45px 1fr 90px;align-items:center;gap:15px;padding:17px 10px;border-bottom:1px solid var(--line)}.update-stream i{font:italic 17px var(--serif);color:var(--rose);font-style:normal}.update-stream b,.update-stream small{display:block}.update-stream b{font:500 14px var(--serif)}.update-stream small{font-size:10px;color:var(--ink-3)}.update-stream em{font-style:normal;font-size:9px;color:var(--mauve-deep);text-align:right}
.series-columns{display:grid;grid-template-columns:1fr 1fr;gap:13px}.series-columns article{padding:28px;border-radius:17px;background:#F5EBCF}.series-columns article+article{background:#E9EEE2}.series-columns small{font-size:9px;letter-spacing:.15em;color:var(--mauve-deep)}.series-columns h3{font:500 23px var(--serif);margin:8px 0}.series-columns p{font-size:11px;color:var(--ink-2);max-width:430px}.series-columns a{font-size:10px;font-weight:700;border-bottom:1px solid var(--line-strong)}
.toolbox{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.toolbox a{padding:22px;background:#F1F4E9;border:1px solid rgba(90,110,75,.12);border-radius:14px;display:flex;flex-direction:column;align-items:flex-start}.toolbox i{font-style:normal;font-size:25px;color:#7E916E;margin-bottom:13px}.toolbox b{font:500 15px var(--serif)}.toolbox small{font-size:10px;color:var(--ink-3)}
.craft-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:18px}.craft-feature{min-height:250px;padding:27px;border-radius:17px;background:linear-gradient(145deg,#EAD18B,#C49A4D);display:flex;flex-direction:column;justify-content:space-between;color:#59472A}.craft-feature small{font-size:9px;letter-spacing:.16em}.craft-feature b{font:500 29px/1.4 var(--serif)}.craft-feature p{font-size:10px;max-width:320px}.craft-points{display:grid;gap:8px}.craft-points p{margin:0;padding:17px 20px;border:1px solid var(--line);border-radius:12px;background:#fff}.craft-points b,.craft-points span{display:block}.craft-points b{font:500 14px var(--serif)}.craft-points span{font-size:10px;color:var(--ink-3)}
.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.trust-grid div{padding:23px;border:1px solid var(--line);border-radius:14px;background:#fff}.trust-grid b{font:500 16px var(--serif)}.trust-grid p{font-size:10px;color:var(--ink-3);margin-bottom:0}
.comfort-band{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.comfort-band div{padding:22px;background:#F7F2E6;border-radius:14px;display:flex;flex-direction:column}.comfort-band span{font:italic 18px var(--serif);color:var(--rose)}.comfort-band b{font:500 16px var(--serif);margin:7px 0}.comfort-band small{font-size:10px;color:var(--ink-3)}
.principle-line{display:flex;flex-wrap:wrap;gap:10px}.principle-line span{padding:13px 22px;background:#E9EEDF;border-radius:999px;color:#526047;font-size:11px}
.download-check{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.download-check div{padding:18px;border-left:2px solid var(--rose-2);background:#FFF9E9}.download-check b,.download-check small{display:block}.download-check b{font:500 14px var(--serif)}.download-check small{font-size:9px;color:var(--ink-3);margin-top:5px}
.detail-actions{display:flex;gap:8px;flex-wrap:wrap;padding:18px 0 4px}.reading-progress{height:3px;background:var(--rose);width:0;position:sticky;top:72px;z-index:30;transition:width .1s linear}.reader-soft{background:#F7F0DF}
@media(max-width:768px){.series-columns,.craft-layout{grid-template-columns:1fr}.toolbox{grid-template-columns:repeat(2,1fr)}.trust-grid{grid-template-columns:1fr}.comfort-band{grid-template-columns:1fr}.download-check{grid-template-columns:repeat(2,1fr)}.update-stream>a{grid-template-columns:32px 1fr}.update-stream em{display:none}.reading-progress{top:64px}.detail-actions{gap:6px}.detail-actions .btn{padding:8px 11px}}
@media(max-width:520px){.series-columns article{padding:20px}.toolbox a{padding:15px}.craft-feature{min-height:210px}.download-check{grid-template-columns:1fr 1fr}.principle-line span{padding:10px 15px}}