@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:#FFFFFF;--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}
*{box-sizing:border-box}html{scroll-behavior:smooth}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}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}img{max-width:100%;height:auto}p{color:var(--ink-2)}.visually-hidden{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:absolute;left:-999px;top:8px;background:#fff;padding:8px 14px;z-index:100}.skip-link:focus{left:8px}.site-header{height:72px;position:sticky;top:0;z-index:30;background:rgba(255,254,248,.96);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav-wrap{max-width:var(--wrap);height:100%;padding:0 28px;margin:auto;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:10px;min-width:160px;font-weight:700;letter-spacing:.04em}.brand small{display:block;color:var(--ink-3);font-size:9px;font-weight:500;letter-spacing:.12em;line-height:1.3}.brand-mark{width:38px;height:38px;border-radius:13px;background:linear-gradient(145deg,#F7E6A8,#D6A92F);display:grid;place-items:center;color:#554832;font-family:serif;font-size:20px;box-shadow:0 4px 12px #d6a92f30}.primary-nav{display:flex;align-items:center;gap:19px;flex:1}.primary-nav a,.icon-link{font-size:13px;color:var(--ink-2);white-space:nowrap;transition:.2s}.primary-nav a:hover,.primary-nav a[aria-current=page],.icon-link:hover{color:var(--mauve-deep)}.primary-nav a[aria-current=page]:after{content:"";display:block;width:16px;height:2px;background:var(--rose);margin:4px auto -6px}.nav-actions{display:flex;align-items:center;gap:14px}.nav-cta{background:var(--plum);color:#fff!important;border-radius:var(--radius-pill);padding:7px 17px;font-size:12px}.menu-toggle{display:none;border:1px solid var(--line);background:white;border-radius:9px;padding:6px 12px;color:var(--ink)}main{min-height:60vh}.hero-stage{max-width:var(--wrap);margin:0 auto;padding:76px 36px 24px;min-height:590px;display:grid;grid-template-columns:1.04fr .96fr;align-items:center;position:relative;overflow:hidden}.hero-stage:before{content:"";position:absolute;inset:0 0 40px;background:radial-gradient(ellipse at 78% 34%,#f4dfa0a6 0,transparent 36%),linear-gradient(130deg,#fffef8 8%,#fff6d9 70%,#f7e9bd);border-radius:0 0 34px 34px;z-index:-1}.eyebrow{font-size:10px;letter-spacing:.18em;color:var(--mauve-deep);font-weight:700;text-transform:uppercase}.hero-copy{padding:20px 0 52px;max-width:650px}.hero-copy h1{font-size:clamp(38px,4.3vw,62px);line-height:1.24;letter-spacing:-.045em;margin:20px 0;color:var(--plum-dark);font-weight:650}.hero-copy h1 em{font-style:normal;color:#B38B28}.hero-copy>p{font-size:16px;max-width:530px;line-height:1.9}.hero-search{display:flex;max-width:560px;margin:30px 0 17px;padding:6px;background:#fff;border:1px solid #e8d9ae;border-radius:14px;box-shadow:var(--shadow)}.hero-search input{border:0;outline:0;flex:1;min-width:0;padding:10px 13px;background:transparent;font-size:13px}.hero-search button{border:0;background:var(--plum);color:#fff;border-radius:10px;padding:10px 18px;font-size:12px}.hero-tags{display:flex;gap:9px;flex-wrap:wrap}.hero-tags a,.filter-chip{border:1px solid #dfd3b7;border-radius:var(--radius-pill);padding:5px 12px;font-size:11px;color:var(--ink-2);background:#ffffff7a}.hero-tags a:hover,.filter-chip:hover,.filter-chip.selected{background:var(--rose-soft);border-color:var(--rose-2);color:var(--plum)}.hero-visual{height:420px;position:relative;display:grid;place-items:center}.hero-sun{position:absolute;width:330px;height:330px;border-radius:50%;background:linear-gradient(145deg,#f9e7a9,#e9c968);filter:blur(1px);opacity:.65;right:13%;top:7%}.hero-poster{position:absolute;display:flex;flex-direction:column;justify-content:space-between;padding:24px;color:#fff;box-shadow:0 22px 50px #6b55282c;overflow:hidden}.hero-poster:before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,#a9a987,#62694d);z-index:-1}.hero-poster span,.hero-poster b,.hero-poster small{position:relative}.hero-poster span{font-size:9px;letter-spacing:.18em}.hero-poster b{font-size:36px;line-height:1.22;font-weight:600}.hero-poster small{font-size:10px;color:#ffffffc9}.poster-back{width:190px;height:285px;left:10%;top:14%;transform:rotate(-9deg);border-radius:16px}.poster-back:before{background:linear-gradient(145deg,#b7a77e,#786d51)}.poster-front{width:220px;height:330px;right:12%;top:11%;transform:rotate(7deg);border-radius:18px}.poster-front:before{background:linear-gradient(145deg,#e4bd62,#9b7044 70%,#66533c)}.hero-stamp{position:absolute;left:22%;bottom:8%;width:86px;height:86px;border-radius:50%;display:grid;place-items:center;text-align:center;background:var(--cream);color:var(--mauve-deep);font-family:serif;font-size:20px;line-height:1.2;box-shadow:var(--shadow)}.hero-caption{position:absolute;right:4%;bottom:3%;font-size:10px;color:var(--ink-3);letter-spacing:.08em}.hero-bottom{grid-column:1/-1;display:flex;align-items:center;gap:22px;padding:20px 0 0;font-size:10px;color:var(--ink-3);letter-spacing:.1em}.hero-bottom a{color:var(--plum);font-size:12px;letter-spacing:0}.hero-line{height:1px;background:#c9b77e7a;flex:1}.section{max-width:var(--wrap);margin:0 auto;padding:76px 36px}.soft-section{max-width:none;background:linear-gradient(180deg,#fffaf0,#fffdf8);padding-left:max(36px,calc((100% - 1248px)/2));padding-right:max(36px,calc((100% - 1248px)/2))}.section-heading{margin-bottom:28px}.section-heading h2{font-size:30px;line-height:1.35;margin:8px 0 9px;letter-spacing:-.025em;font-weight:620}.section-heading p{margin:0;max-width:620px;font-size:13px}.section-topline{display:flex;justify-content:space-between;align-items:end;gap:24px}.text-link{font-size:12px;color:var(--mauve-deep);white-space:nowrap}.text-link:hover{color:#a57b19}.category-strip{display:grid;grid-template-columns:.7fr 1.3fr;gap:50px;align-items:center;padding-top:60px;padding-bottom:54px}.strip-intro h2{font-size:27px;line-height:1.4;margin:12px 0}.category-orbit{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.category-orbit a{min-height:132px;border:1px solid var(--line);border-radius:16px;padding:16px;background:#fff;display:flex;flex-direction:column;justify-content:space-between;transition:.25s}.category-orbit a:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.category-orbit b{font-size:10px;color:var(--rose)}.category-orbit strong{font-size:15px}.category-orbit small{font-size:10px;color:var(--ink-3)}.featured-stage{display:grid;grid-template-columns:1.55fr .75fr;gap:18px}.featured-lead{display:grid;grid-template-columns:.85fr 1fr;gap:28px;padding:18px;border:1px solid var(--line);border-radius:var(--radius-card);background:#fff}.lead-art{min-height:300px;border-radius:13px;padding:24px;background:linear-gradient(145deg,#b9b28a,#72795d 70%,#4e5a48);color:white;display:flex;flex-direction:column;justify-content:space-between}.lead-art span{font-size:9px;letter-spacing:.16em}.lead-art b{font-size:34px;line-height:1.25}.lead-art i{font-size:10px;font-style:normal;color:#fff9}.lead-copy{align-self:center;padding:12px}.lead-copy h3{font-size:22px;line-height:1.5;margin:12px 0}.lead-copy p{font-size:13px}.lead-copy>a{font-size:12px;color:var(--mauve-deep)}.featured-side{display:flex;flex-direction:column;gap:14px}.side-note{flex:1;padding:24px;border-radius:16px;background:var(--cream-2);border:1px solid #efe5c9}.side-note span{font-size:9px;color:var(--mauve-deep);letter-spacing:.13em}.side-note h3{font-size:18px;margin:12px 0 4px}.side-note p{font-size:12px;margin:0 0 12px}.side-note a{font-size:11px;color:var(--mauve-deep)}.note-sage{background:var(--sage-soft);border-color:#dce5d3}.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.work-card{border:1px solid var(--line);border-radius:17px;background:#fff;overflow:hidden;transition:.25s;min-width:0}.work-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}.work-art{height:190px;padding:18px;position:relative;display:flex;flex-direction:column;justify-content:space-between;color:white;overflow:hidden;background:linear-gradient(135deg,#c4a46b,#806e4d)}.work-art:after{content:"";position:absolute;width:170px;height:170px;border:1px solid #ffffff4a;border-radius:50%;right:-28px;bottom:-65px;box-shadow:0 0 0 20px #ffffff12,0 0 0 42px #ffffff0a}.work-art span,.work-art b,.work-art i{position:relative;z-index:1}.work-art span{font-size:9px;letter-spacing:.12em}.work-art b{font-size:56px;line-height:1;font-family:serif;font-weight:500}.work-art i{font-style:normal;font-size:10px}.art-ai{background:linear-gradient(135deg,#8c9a85,#48594d)}.art-comic{background:linear-gradient(135deg,#d5ad72,#84604c)}.art-vertical{background:linear-gradient(135deg,#b5a17b,#76634c)}.work-copy{padding:17px 18px 14px}.meta-line{display:flex;justify-content:space-between;gap:8px;color:var(--ink-3);font-size:10px}.work-copy h3{font-size:17px;margin:8px 0 5px}.work-copy p{font-size:12px;line-height:1.75;min-height:43px;margin:0}.card-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:13px;padding-top:11px}.card-foot>a,.save-button{font-size:11px;color:var(--mauve-deep)}.save-button{border:0;background:transparent;padding:4px}.save-button.is-saved{color:#967117}.ai-feature{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;background:var(--plum-dark);color:#fff;max-width:none;padding-left:max(36px,calc((100% - 1248px)/2));padding-right:max(36px,calc((100% - 1248px)/2))}.ai-copy h2{font-size:34px;line-height:1.4;margin:14px 0;color:#fff}.ai-copy p{color:#ffffffb8;font-size:13px}.ai-copy ul{padding-left:18px;color:#f5e3a0;font-size:12px;line-height:2.1;margin:18px 0 25px}.ai-copy .eyebrow{color:#e7c45d}.ai-visual{min-height:350px;border-radius:22px;background:linear-gradient(145deg,#6b7159,#414b3e);padding:28px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.ai-visual:after{content:"";position:absolute;width:280px;height:280px;border:1px solid #ffffff30;border-radius:50%;right:-30px;bottom:-80px;box-shadow:0 0 0 28px #ffffff0b,0 0 0 58px #ffffff08}.ai-visual .eyebrow,.frame-stack,.ai-visual small{position:relative;z-index:1}.frame-stack{display:flex;align-items:center;justify-content:space-around;gap:10px}.frame-stack b{font-size:25px;font-weight:500;color:#fff4d0}.frame-stack i{font-size:10px;font-style:normal;color:#f4dc91}.ai-visual small{font-size:10px;color:#ffffffa9}.button{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;padding:10px 17px;font-size:12px;border:1px solid transparent}.button-dark{background:var(--plum-dark);color:#fff}.button-gold{background:var(--rose);color:#3d3320}.button-outline{border-color:var(--line-strong);background:transparent;color:var(--ink-2)}.comic-rail{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.comic-rail-intro{grid-row:span 1;border-radius:18px;background:linear-gradient(145deg,#f4e4b6,#d7c18d);padding:24px;display:flex;flex-direction:column;justify-content:space-between;min-height:260px}.comic-rail-intro span{font-size:9px;letter-spacing:.15em;color:#78643e}.comic-rail-intro b{font-size:28px;line-height:1.35;color:#57472e}.comic-rail-intro a{font-size:11px;color:#69532d}.compact-card .work-art{height:140px}.compact-card .work-copy p{min-height:0}.vertical-section{padding-top:62px}.vertical-head{display:flex;justify-content:space-between;align-items:end}.vertical-mark{font-size:24px;color:var(--rose);font-weight:700}.vertical-mark span{font-size:9px;color:var(--ink-3);letter-spacing:.12em}.vertical-track{display:grid;grid-template-columns:repeat(3,1fr) .8fr;gap:16px}.vertical-tile{min-height:300px;border-radius:17px;padding:22px;color:white;background:linear-gradient(155deg,#c7ad7b,#655744);display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.vertical-tile:after{content:"";position:absolute;inset:15px;border:1px solid #ffffff42;border-radius:12px}.vertical-tile>*{position:relative;z-index:1}.vertical-tile:nth-child(2){background:linear-gradient(155deg,#a7b394,#52664f)}.vertical-tile:nth-child(3){background:linear-gradient(155deg,#c58e69,#745348)}.vertical-tile span,.vertical-tile small{font-size:10px;color:#ffffffc9}.vertical-tile b{font-size:25px;line-height:1.35}.vertical-tile i{font-style:normal;font-size:11px}.vertical-guide{border:1px solid var(--line);border-radius:17px;padding:22px;background:var(--cream-2);display:flex;flex-direction:column;justify-content:space-between}.vertical-guide b{font-size:23px;line-height:1.4}.vertical-guide span{font-size:11px;color:var(--mauve-deep)}.creator-band{max-width:none;background:var(--sage-soft);padding-left:max(36px,calc((100% - 1248px)/2));padding-right:max(36px,calc((100% - 1248px)/2));display:grid;grid-template-columns:1fr .8fr;gap:80px;align-items:center}.creator-band h2{font-size:34px;line-height:1.4;margin:12px 0}.creator-band p{font-size:13px;max-width:490px}.creator-quote{padding:32px;border-left:2px solid var(--sage);background:#ffffff8c;border-radius:0 16px 16px 0}.creator-quote>span{font-family:Georgia;font-size:54px;color:var(--sage);line-height:.8}.creator-quote p{font-size:18px;color:var(--plum);line-height:1.7}.creator-quote small{font-size:10px;color:var(--ink-3)}.update-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.update-cards article{padding:23px;border-top:2px solid var(--rose);background:#fff;border-radius:0 0 14px 14px;box-shadow:0 5px 18px #4d43200a}.update-cards span{font-size:10px;color:var(--mauve-deep)}.update-cards h3{font-size:17px;margin:12px 0 5px}.update-cards p{font-size:12px;min-height:62px}.update-cards a{font-size:11px;color:var(--mauve-deep)}.topic-showcase{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;background:#fffaf0;max-width:none;padding-left:max(36px,calc((100% - 1248px)/2));padding-right:max(36px,calc((100% - 1248px)/2))}.topic-showcase-title h2{font-size:32px;line-height:1.4;margin:12px 0}.topic-showcase-title p{font-size:13px}.topic-showcase-list a{display:flex;align-items:center;gap:22px;padding:21px 0;border-bottom:1px solid var(--line)}.topic-showcase-list a>span{font-size:12px;color:var(--rose)}.topic-showcase-list a div{flex:1}.topic-showcase-list b{display:block;font-size:16px}.topic-showcase-list small{color:var(--ink-3);font-size:10px}.topic-showcase-list i{font-style:normal;color:var(--mauve-deep)}.community-preview{display:grid;grid-template-columns:1fr .9fr;gap:70px;align-items:center}.community-preview-main h2{font-size:32px;line-height:1.4;margin:12px 0}.community-preview-main p{font-size:13px;max-width:480px;margin-bottom:22px}.community-pulse{border:1px solid var(--line);border-radius:18px;padding:10px 24px;background:#fff}.community-pulse div{display:grid;grid-template-columns:38px 1fr;gap:0 14px;padding:16px 0;border-bottom:1px solid var(--line)}.community-pulse div:last-child{border:0}.community-pulse b{grid-row:span 2;color:var(--rose);font-size:12px}.community-pulse span{font-weight:600;font-size:13px}.community-pulse small{font-size:10px;color:var(--ink-3)}.app-band{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center;background:var(--cream-2);max-width:none;padding-left:max(36px,calc((100% - 1248px)/2));padding-right:max(36px,calc((100% - 1248px)/2))}.app-orbit{height:290px;position:relative;display:grid;place-items:center;background:radial-gradient(circle,#f2dfa6 0,#f9edc8 38%,transparent 68%)}.app-phone{width:155px;height:250px;border:7px solid #534a3b;border-radius:25px;background:linear-gradient(160deg,#f9e9b9,#d6b65e);padding:23px 14px;color:#53452e;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 18px 35px #594a2530;transform:rotate(-7deg)}.app-phone span{font-size:10px}.app-phone b{font-size:23px;line-height:1.35}.app-phone small{font-size:8px}.orbit-dot{position:absolute;right:20%;top:17%;width:55px;height:55px;border-radius:50%;background:var(--sage);color:#fff;display:grid;place-items:center;font-size:10px}.app-band h2{font-size:31px;line-height:1.4;margin:12px 0}.app-band p{font-size:13px;max-width:560px}.app-band .text-link{display:inline-block;margin-right:20px}.privacy-ribbon{display:flex;justify-content:space-between;gap:30px;align-items:center;border-bottom:1px solid var(--line)}.privacy-ribbon h2{font-size:25px;margin:8px 0}.privacy-ribbon p{font-size:12px;margin:0;max-width:580px}.privacy-links{min-width:220px;display:flex;flex-direction:column}.privacy-links a{padding:8px 0;border-bottom:1px solid var(--line);font-size:12px;display:flex;justify-content:space-between}.about-ribbon{display:flex;align-items:center;gap:24px;padding-top:45px;padding-bottom:45px}.about-ribbon-mark{width:65px;height:65px;display:grid;place-items:center;border-radius:20px;background:var(--rose-soft);color:var(--mauve-deep);font-size:30px;font-family:serif}.about-ribbon h2{margin:5px 0;font-size:22px}.about-ribbon p{margin:0;font-size:12px}.about-ribbon>.text-link{margin-left:auto}.home-faq{padding-top:40px}.faq-list{border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line);padding:16px 2px}.faq-item summary{cursor:pointer;font-weight:600;font-size:14px;list-style:none;display:flex;justify-content:space-between}.faq-item summary:after{content:"＋";color:var(--rose)}.faq-item[open] summary:after{content:"－"}.faq-item p{font-size:12px;max-width:900px;margin:10px 0 0}.site-footer{background:linear-gradient(135deg,#3B3326,#655238);color:#fff;padding:55px 36px 18px}.footer-inner{max-width:1248px;margin:auto;display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:50px}.brand-light{color:#fff}.brand-light .brand-mark{background:var(--rose-light)}.brand-light small{color:#ffffff9c}.footer-brand p{font-size:11px;color:#ffffffa8;max-width:300px;margin-top:18px}.footer-col{display:flex;flex-direction:column;gap:9px}.footer-col b{font-size:12px;color:var(--rose-light);margin-bottom:6px}.footer-col a{font-size:11px;color:#ffffffb3}.footer-col a:hover{color:var(--rose-light)}.footer-bottom{max-width:1248px;margin:40px auto 0;padding-top:15px;border-top:1px solid #ffffff2a;display:flex;justify-content:space-between;color:#ffffff9b;font-size:10px}
/* 内页组件 */
.page-intro{max-width:1248px;margin:0 auto;padding:70px 36px 58px;display:flex;justify-content:space-between;align-items:center;gap:30px;background:radial-gradient(ellipse at 80% 30%,#f6e8bb 0,transparent 34%)}.page-intro h1{font-size:clamp(34px,4vw,50px);margin:10px 0;line-height:1.25}.page-intro p{max-width:660px;font-size:14px}.intro-orbit{width:170px;height:170px;flex:none;border-radius:50%;background:linear-gradient(145deg,#f3e1a9,#d9bc6d);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--plum);box-shadow:0 0 0 16px #f6edcf8c}.intro-orbit span,.intro-orbit i{font-size:9px;letter-spacing:.14em;font-style:normal}.intro-orbit b{font-size:23px;line-height:1.3;text-align:center;margin:5px}.filter-row{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:30px}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.category-tile{padding:23px;border-radius:16px;background:#fff;border:1px solid var(--line)}.category-tile span{font-size:17px;font-weight:650}.category-tile p{font-size:12px;min-height:85px}.category-tile b{font-size:11px;color:var(--mauve-deep)}.rank-list{padding:0;margin:0;list-style:none;border-top:1px solid var(--line)}.rank-list li{display:grid;grid-template-columns:50px 1fr 90px;gap:20px;align-items:center;padding:20px 5px;border-bottom:1px solid var(--line)}.rank-no{font-size:24px;color:var(--rose);font-weight:650}.rank-list small{font-size:10px;color:var(--ink-3)}.rank-list h3{margin:3px 0;font-size:18px}.rank-list p{font-size:12px;margin:0}.update-stream{border-left:1px solid var(--line-strong);margin-left:8px}.update-row{display:grid;grid-template-columns:130px 1fr;gap:25px;padding:0 0 32px 25px;position:relative}.update-row:before{content:"";position:absolute;left:-5px;top:8px;width:9px;height:9px;background:var(--rose);border-radius:50%}.update-row time{font-size:11px;color:var(--ink-3)}.update-row h3{font-size:18px;margin:5px 0}.update-row p{font-size:12px;margin:0}.creator-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.creator-card{padding:23px;border:1px solid var(--line);border-radius:16px;background:#fff}.creator-avatar{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:var(--cream-3);color:var(--mauve-deep);font-size:23px;margin-bottom:18px}.creator-card h2{font-size:17px;margin:7px 0}.creator-card p{font-size:12px;min-height:90px}.creator-card small{font-size:10px;color:var(--ink-3)}.topic-list{border-top:1px solid var(--line)}.topic-feature{display:grid;grid-template-columns:80px 1fr;gap:20px;padding:27px 0;border-bottom:1px solid var(--line)}.topic-index{font-size:28px;color:var(--rose);font-weight:600}.topic-main h2{font-size:22px;margin:5px 0}.topic-main p{font-size:13px;max-width:850px}.topic-meta{display:flex;justify-content:space-between;gap:20px;font-size:10px;color:var(--ink-3)}.topic-meta a{color:var(--mauve-deep)}.community-layout{display:grid;grid-template-columns:1fr 280px;gap:35px}.discussion-card{display:grid;grid-template-columns:40px 1fr 100px;gap:15px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line)}.discussion-no{font-size:12px;color:var(--rose)}.discussion-card b{font-size:14px}.discussion-card p{margin:4px 0;font-size:12px}.discussion-card small{font-size:10px;color:var(--ink-3)}.discussion-card>a{font-size:10px;color:var(--mauve-deep)}.community-aside{padding:23px;background:var(--sage-soft);border-radius:16px;align-self:start}.community-aside h3{font-size:17px}.community-aside p{font-size:12px}.shelf-tabs{display:flex;gap:8px;margin-bottom:20px}.tab-button{border:1px solid var(--line);background:#fff;border-radius:var(--radius-pill);padding:8px 17px;font-size:12px}.tab-button.active{background:var(--plum);color:#fff}.shelf-actions{display:flex;gap:10px;margin-top:20px}.empty-state{padding:50px 20px;text-align:center;border:1px dashed var(--line-strong);border-radius:16px;color:var(--ink-3)}.empty-state b{color:var(--ink);font-size:18px}.muted-note{font-size:11px;color:var(--ink-3)}.feature-split{display:grid;grid-template-columns:1fr .8fr;gap:60px;align-items:center}.feature-split h2{font-size:30px;line-height:1.4}.feature-split p{font-size:13px}.check-list{padding-left:18px;color:var(--ink-2);font-size:12px;line-height:2.2;margin:20px 0}.device-art{min-height:340px;border-radius:22px;background:radial-gradient(circle,#f3df9f,#f8efd5 62%,#fffaf0);display:grid;place-items:center;position:relative}.device-screen{width:190px;height:280px;border:8px solid #51483a;border-radius:27px;background:linear-gradient(155deg,#f6e5b5,#b7a06a);padding:22px;color:#51442e;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 20px 35px #6d582733;transform:rotate(5deg)}.device-screen span{font-size:11px}.device-screen b{font-size:27px;line-height:1.35}.device-screen i{font-size:9px;font-style:normal}.device-caption{position:absolute;bottom:18px;font-size:10px;color:var(--ink-3)}.guide-steps{border-top:1px solid var(--line)}.guide-steps article{display:grid;grid-template-columns:80px 1fr;gap:20px;padding:25px 0;border-bottom:1px solid var(--line)}.guide-steps article>b{font-size:28px;color:var(--rose)}.guide-steps h2{font-size:18px;margin:0}.guide-steps p{font-size:12px;margin:5px 0}.principle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.principle-grid article{background:#fff;border:1px solid var(--line);border-radius:15px;padding:22px}.principle-grid article>span{color:var(--rose);font-size:11px}.principle-grid h2{font-size:16px}.principle-grid p{font-size:12px;margin-bottom:0}.legal-copy{max-width:950px}.legal-copy h2{font-size:19px;margin:30px 0 8px}.legal-copy p{font-size:13px;line-height:2}.contact-panel{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;padding:35px;border-radius:20px;background:var(--cream-2)}.contact-panel h2{font-size:28px}.contact-panel p{font-size:13px}.contact-note{padding:24px;background:#fff;border-radius:15px}.contact-note ul{padding-left:18px;font-size:12px;line-height:2.1;color:var(--ink-2)}.about-story{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.about-story h2{font-size:29px;line-height:1.4}.about-story p{font-size:13px;line-height:2}.value-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.value-row span{padding:20px;border-top:2px solid var(--rose);background:#fff;font-size:13px}.search-page-form{display:flex;gap:8px;max-width:550px;margin-top:24px}.search-page-form input{flex:1;min-width:0;border:1px solid var(--line-strong);border-radius:10px;padding:10px 14px;background:#fff}.result-count{font-size:13px;margin-bottom:25px}.error-page{text-align:center;padding:100px 20px}.error-page strong{display:block;font-size:100px;color:var(--rose);line-height:1.2}.error-page h1{font-size:30px}.error-page p{max-width:520px;margin:0 auto 25px}.detail-hero{max-width:1248px;margin:0 auto;padding:70px 36px;display:grid;grid-template-columns:.65fr 1.35fr;gap:60px;align-items:center;background:radial-gradient(ellipse at 20% 50%,#f6e8bf 0,transparent 50%)}.detail-art{height:400px;border-radius:20px;padding:25px;display:flex;flex-direction:column;justify-content:space-between;color:#fff;background:linear-gradient(145deg,#b7a16f,#66583e);box-shadow:var(--shadow)}.detail-art span,.detail-art b,.detail-art i{position:relative}.detail-art b{font-size:100px;font-family:serif;font-weight:400}.detail-art i{font-style:normal;font-size:12px}.detail-copy h1{font-size:42px;margin:12px 0}.detail-copy>p{font-size:14px}.detail-meta{display:flex;gap:9px;flex-wrap:wrap}.detail-meta span{border-radius:var(--radius-pill);background:#fff;padding:4px 12px;font-size:10px;color:var(--ink-2)}.detail-focus{padding:12px 16px;background:var(--cream-2);border-left:2px solid var(--rose)}.detail-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:22px 0}.detail-copy>small{font-size:10px;color:var(--ink-3)}.detail-body{display:grid;grid-template-columns:1fr 270px;gap:50px}.detail-article h2{font-size:20px;margin:25px 0 8px}.detail-article p{font-size:13px;line-height:2}.detail-aside{align-self:start;padding:22px;border-radius:16px;background:#fff;border:1px solid var(--line)}.detail-aside h3{margin-top:0}.detail-aside dl{font-size:11px}.detail-aside dt{color:var(--ink-3);margin-top:12px}.detail-aside dd{margin:2px 0;color:var(--ink)}.detail-aside>a{font-size:11px;color:var(--mauve-deep)}.reader-shell{max-width:1180px;margin:auto;padding:35px 36px 80px}.reader-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:10px 0 18px;font-size:11px;color:var(--ink-3)}.reader-top button{border:0;background:transparent;color:var(--mauve-deep)}.reader-layout{display:grid;grid-template-columns:1fr 220px;gap:60px;padding-top:45px}.reader-content{max-width:760px}.reader-content h1{font-size:36px;line-height:1.4}.reader-content h2{font-size:20px;margin:32px 0 8px}.reader-content p{font-size:14px;line-height:2.1}.reader-lead{font-size:17px!important;color:var(--ink-2)}.reader-callout{padding:20px;background:var(--cream-2);border-left:3px solid var(--rose);margin:25px 0}.reader-callout p{margin-bottom:0;font-size:12px}.reader-end{margin-top:40px;padding-top:20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:11px;color:var(--ink-3)}.reader-end a{color:var(--mauve-deep)}.reader-aside{align-self:start;position:sticky;top:100px;padding:20px;background:#fff;border:1px solid var(--line);border-radius:14px}.reader-aside h3{font-size:14px}.reader-aside>a{display:block;padding:7px 0;border-bottom:1px solid var(--line);font-size:11px;color:var(--ink-2)}.reader-aside-note{font-size:10px;color:var(--ink-3);margin-top:15px}.result-count{color:var(--ink-2)}
@media(max-width:1100px){.primary-nav{gap:11px}.primary-nav a{font-size:11px}.nav-wrap{gap:16px;padding:0 20px}.nav-actions{gap:9px}.hero-stage{padding-left:26px;padding-right:26px}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-orbit{grid-template-columns:repeat(2,1fr)}.vertical-track{grid-template-columns:repeat(2,1fr)}.vertical-guide{min-height:220px}.footer-inner{gap:25px}}
@media(max-width:900px){.site-header{height:64px}.nav-wrap{justify-content:space-between}.menu-toggle{display:block;margin-left:auto}.primary-nav{display:none;position:absolute;top:63px;left:0;right:0;background:var(--cream);padding:18px 24px 24px;border-bottom:1px solid var(--line);grid-template-columns:repeat(2,1fr);gap:15px}.primary-nav.is-open{display:grid}.primary-nav a{font-size:13px}.nav-actions{display:none}.hero-stage{grid-template-columns:1fr;padding-top:55px}.hero-copy{padding-bottom:15px}.hero-visual{height:360px}.hero-bottom{padding-top:8px}.category-strip{grid-template-columns:1fr;gap:20px}.featured-stage{grid-template-columns:1fr}.featured-side{display:grid;grid-template-columns:1fr 1fr}.ai-feature,.creator-band,.topic-showcase,.community-preview,.app-band{grid-template-columns:1fr;gap:35px}.ai-feature{padding-top:55px;padding-bottom:55px}.ai-visual{min-height:280px}.creator-band{padding-top:55px;padding-bottom:55px}.topic-showcase{padding-top:55px;padding-bottom:55px}.app-band{padding-top:55px;padding-bottom:55px}.footer-inner{grid-template-columns:repeat(2,1fr)}.category-grid,.creator-grid{grid-template-columns:repeat(2,1fr)}.feature-split{grid-template-columns:1fr;gap:30px}.community-layout{grid-template-columns:1fr}.community-aside{max-width:none}.detail-hero{grid-template-columns:.7fr 1.3fr;gap:30px}.detail-art{height:330px}.detail-body{grid-template-columns:1fr}.detail-aside{max-width:none}.reader-layout{grid-template-columns:1fr}.reader-aside{position:static;order:-1;display:flex;flex-wrap:wrap;gap:12px;align-items:center}.reader-aside h3{width:100%;margin:0}.reader-aside>a{border:0}.reader-aside-note{margin:0}}
@media(max-width:600px){body{font-size:14px}.nav-wrap{padding:0 16px}.brand{min-width:0}.hero-stage{padding:38px 18px 18px;min-height:0}.hero-stage:before{bottom:30px}.hero-copy h1{font-size:38px}.hero-copy>p{font-size:13px}.hero-search{margin:20px 0 14px}.hero-search input{font-size:11px;padding:9px}.hero-search button{padding:9px 11px;font-size:10px}.hero-tags{gap:6px}.hero-tags a{font-size:10px;padding:4px 9px}.hero-visual{height:300px}.hero-sun{width:230px;height:230px;right:12%;top:12%}.poster-back{width:145px;height:220px;left:8%;top:16%}.poster-front{width:165px;height:250px;right:8%;top:13%}.hero-poster{padding:16px}.hero-poster b{font-size:28px}.hero-stamp{width:65px;height:65px;font-size:15px;left:18%;bottom:7%}.hero-caption{font-size:8px}.hero-bottom{gap:10px;font-size:8px;flex-wrap:wrap}.hero-line{min-width:35px}.section{padding:48px 18px}.soft-section{padding-left:18px;padding-right:18px}.section-heading h2{font-size:25px}.section-topline{align-items:start;flex-direction:column;gap:0}.category-strip{padding-top:42px;padding-bottom:42px}.strip-intro h2{font-size:24px}.category-orbit{gap:8px}.category-orbit a{min-height:110px;padding:12px}.category-orbit strong{font-size:13px}.featured-lead{grid-template-columns:1fr;gap:12px;padding:12px}.lead-art{min-height:190px}.lead-art b{font-size:27px}.lead-copy{padding:8px}.featured-side{grid-template-columns:1fr}.work-grid{grid-template-columns:1fr;gap:13px}.work-art{height:180px}.ai-feature,.creator-band,.topic-showcase,.app-band{padding-left:18px;padding-right:18px}.ai-copy h2,.creator-band h2,.topic-showcase-title h2,.community-preview-main h2,.app-band h2{font-size:27px}.ai-visual{min-height:230px;padding:20px}.frame-stack b{font-size:19px}.comic-rail{grid-template-columns:1fr 1fr}.comic-rail-intro{grid-column:1/-1;min-height:180px}.compact-card .work-art{height:125px}.compact-card .work-copy{padding:12px}.compact-card .work-copy h3{font-size:14px}.compact-card .work-copy p{font-size:11px}.vertical-track{grid-template-columns:1fr 1fr;gap:10px}.vertical-tile{min-height:235px;padding:16px}.vertical-tile b{font-size:20px}.vertical-guide{min-height:180px;padding:16px}.vertical-guide b{font-size:20px}.vertical-head{align-items:start}.creator-quote{padding:22px}.update-cards{grid-template-columns:1fr}.update-cards p{min-height:0}.topic-showcase-list a{gap:12px;padding:16px 0}.topic-showcase-list b{font-size:13px}.topic-showcase-list small{font-size:9px}.community-preview{gap:25px}.app-orbit{height:250px}.app-phone{height:215px;width:140px}.privacy-ribbon{flex-direction:column;align-items:start}.privacy-links{width:100%}.about-ribbon{gap:14px;flex-wrap:wrap}.about-ribbon-mark{width:50px;height:50px}.about-ribbon>.text-link{margin-left:64px}.footer-inner{grid-template-columns:1fr 1fr;gap:25px 18px}.footer-brand{grid-column:1/-1}.site-footer{padding:40px 20px 16px}.footer-bottom{font-size:9px;gap:10px;flex-wrap:wrap}.page-intro{padding:45px 18px 35px}.page-intro h1{font-size:34px}.page-intro p{font-size:12px}.intro-orbit{width:95px;height:95px;box-shadow:0 0 0 8px #f6edcf8c}.intro-orbit b{font-size:15px}.intro-orbit span,.intro-orbit i{font-size:7px}.category-grid,.creator-grid{grid-template-columns:1fr 1fr;gap:9px}.category-tile{padding:14px}.category-tile span{font-size:14px}.category-tile p{font-size:10px;min-height:100px}.rank-list li{grid-template-columns:32px 1fr;gap:10px}.rank-list li>.text-link{grid-column:2}.rank-no{font-size:19px}.rank-list h3{font-size:15px}.rank-list p{font-size:11px}.update-row{grid-template-columns:1fr;gap:4px;padding-left:18px}.topic-feature{grid-template-columns:42px 1fr;gap:10px}.topic-index{font-size:22px}.topic-main h2{font-size:18px}.topic-main p{font-size:11px}.topic-meta{flex-direction:column;gap:6px}.discussion-card{grid-template-columns:25px 1fr;gap:10px}.discussion-card>a{grid-column:2}.principle-grid{grid-template-columns:1fr 1fr;gap:9px}.principle-grid article{padding:15px}.principle-grid h2{font-size:14px}.principle-grid p{font-size:10px}.contact-panel{grid-template-columns:1fr;padding:20px;gap:20px}.contact-panel h2{font-size:23px}.about-story{grid-template-columns:1fr;gap:10px}.about-story h2{font-size:25px}.value-row{grid-template-columns:1fr 1fr}.search-page-form{flex-direction:column}.detail-hero{grid-template-columns:1fr;padding:40px 18px;gap:25px}.detail-art{height:260px}.detail-art b{font-size:70px}.detail-copy h1{font-size:32px}.detail-copy>p{font-size:12px}.detail-body{padding-top:35px}.reader-shell{padding:20px 18px 50px}.reader-top{flex-wrap:wrap;gap:12px}.reader-layout{padding-top:25px;gap:25px}.reader-content h1{font-size:28px}.reader-content h2{font-size:18px}.reader-content p{font-size:12px}.reader-lead{font-size:14px!important}.error-page{padding:65px 18px}.error-page strong{font-size:75px}.shelf-actions{flex-wrap:wrap}}

.genre-matrix{display:grid;grid-template-columns:.7fr 1.3fr;gap:35px;align-items:start}.genre-columns{display:grid;grid-template-columns:1fr 1fr;gap:10px}.genre-columns a,.series-lines a,.completed-columns a{padding:18px;border:1px solid var(--line);border-radius:13px;background:#fff;display:flex;flex-direction:column;gap:5px}.genre-columns b,.completed-columns b{font-size:14px}.genre-columns span,.series-lines small,.completed-columns small{font-size:11px;color:var(--ink-3)}.series-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;background:#fffaf0;max-width:none;padding-left:max(36px,calc((100% - 1248px)/2));padding-right:max(36px,calc((100% - 1248px)/2))}.series-intro h2,.checklist-heading h2,.viewing-copy h2,.vertical-insight h2,.copyright-preview h2{font-size:29px;line-height:1.4}.series-intro p,.viewing-copy p,.vertical-insight p,.copyright-preview p{font-size:12px}.series-lines{display:grid;grid-template-columns:1fr;gap:9px}.series-lines a{display:grid;grid-template-columns:100px 1fr;align-items:center}.series-lines a span{grid-row:span 2;font-size:10px;color:var(--mauve-deep)}.series-lines b{font-size:14px}.ai-checklist{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:center}.checklist-items{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.checklist-items article{padding:18px;background:var(--sage-soft);border-radius:14px}.checklist-items b{color:var(--sage);font-size:12px}.checklist-items h3{font-size:14px}.checklist-items p{font-size:10px}.viewing-guide{display:grid;grid-template-columns:.35fr 1fr .8fr;gap:25px;align-items:center;background:var(--cream-2)}.viewing-number{font-size:35px;color:var(--rose);font-weight:700;letter-spacing:-.05em}.viewing-copy h2{margin:7px 0}.viewing-links{display:flex;flex-direction:column}.viewing-links a{padding:9px 0;border-bottom:1px solid var(--line);font-size:11px;color:var(--mauve-deep)}.vertical-insight{display:grid;grid-template-columns:.55fr 1fr;gap:60px;align-items:center}.vertical-insight-art{height:260px;border-radius:18px;background:linear-gradient(155deg,#c4ae7c,#66735b);padding:22px;color:white;display:flex;flex-direction:column;justify-content:space-between}.vertical-insight-art span,.vertical-insight-art i{font-size:10px;font-style:normal}.vertical-insight-art b{font-size:36px;line-height:1.3}.editorial-quote{background:var(--plum-dark);color:#fff;text-align:center;max-width:none;padding-left:18%;padding-right:18%}.editorial-quote .eyebrow{color:var(--rose-light)}.editorial-quote blockquote{font-family:serif;font-size:27px;line-height:1.6;margin:18px auto;max-width:850px}.editorial-quote div{font-size:10px;color:#ffffff9b}.browse-path-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.browse-path-steps a{padding:20px;border:1px solid var(--line);border-radius:14px;background:#fff;display:flex;flex-direction:column}.browse-path-steps b{font-size:11px;color:var(--rose)}.browse-path-steps strong{font-size:17px}.browse-path-steps small{font-size:10px;color:var(--ink-3)}.copyright-preview{display:flex;justify-content:space-between;align-items:center;gap:30px}.copyright-preview p{max-width:650px}.completed-preview{background:#fffaf0;max-width:none;padding-left:max(36px,calc((100% - 1248px)/2));padding-right:max(36px,calc((100% - 1248px)/2))}.completed-heading{max-width:600px}.completed-heading h2{font-size:28px;margin:8px 0}.completed-heading p{font-size:12px}.completed-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.completed-columns a{min-height:135px}.completed-columns i{font-style:normal;font-size:10px;color:var(--mauve-deep);margin-top:auto}
.back-top{position:fixed;right:20px;bottom:22px;width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--plum);box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:.2s;z-index:20}.back-top.visible{opacity:1;pointer-events:auto}.shelf-item{display:flex;justify-content:space-between;padding:14px;border-bottom:1px solid var(--line);font-size:12px}.shelf-item a{color:var(--mauve-deep)}.in-view{animation:softRise .45s ease both}@keyframes softRise{from{opacity:.75;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){.genre-matrix,.series-section,.ai-checklist,.viewing-guide,.vertical-insight{grid-template-columns:1fr;gap:22px}.viewing-guide{gap:10px}.viewing-number{font-size:26px}.series-section,.completed-preview{padding-left:36px;padding-right:36px}.editorial-quote{padding-left:10%;padding-right:10%}}
@media(max-width:600px){.genre-matrix,.ai-checklist,.vertical-insight{padding-top:40px;padding-bottom:40px}.genre-columns{gap:8px}.genre-columns a{padding:13px}.genre-columns span{font-size:9px}.series-section,.completed-preview{padding-left:18px;padding-right:18px}.series-section{grid-template-columns:1fr;gap:15px}.series-lines a{grid-template-columns:75px 1fr;padding:13px}.series-lines b{font-size:12px}.checklist-items{grid-template-columns:1fr}.checklist-items article{padding:13px}.viewing-guide{padding-top:38px;padding-bottom:38px}.viewing-copy h2,.vertical-insight h2,.copyright-preview h2{font-size:24px}.vertical-insight{gap:20px}.vertical-insight-art{height:190px}.editorial-quote{padding:40px 20px}.editorial-quote blockquote{font-size:20px}.browse-path-steps{grid-template-columns:1fr}.browse-path-steps a{padding:13px}.copyright-preview{align-items:start;flex-direction:column}.completed-columns{grid-template-columns:1fr}.completed-columns a{min-height:100px}}

.search-trigger{border:0;background:transparent;padding:0}.search-modal{display:none;position:fixed;inset:0;z-index:80;align-items:center;justify-content:center;padding:20px}.search-modal.is-open{display:flex}.search-modal[hidden]{display:none!important}.search-backdrop{position:absolute;inset:0;background:rgba(38,32,22,.55);backdrop-filter:blur(5px)}.search-dialog{position:relative;z-index:1;width:min(560px,100%);padding:38px;border-radius:22px;background:var(--cream);box-shadow:0 25px 80px #1d180f55}.search-dialog h2{font-size:27px;margin:8px 0 20px}.search-dialog p{font-size:11px;color:var(--ink-3)}.search-close{position:absolute;right:16px;top:12px;border:0;background:transparent;font-size:28px;color:var(--ink-3)}.modal-search-form{display:flex;gap:8px;padding:5px;border:1px solid var(--line-strong);border-radius:12px;background:#fff}.modal-search-form input{flex:1;min-width:0;border:0;outline:0;padding:10px}.modal-search-form button{border:0;border-radius:9px;background:var(--plum);color:#fff;padding:8px 16px}.modal-open{overflow:hidden}
@media(max-width:600px){.search-dialog{padding:28px 20px}.search-dialog h2{font-size:22px}.modal-search-form input{font-size:11px}.modal-search-form button{font-size:11px;padding:8px 11px}}