:root{
    --rose:#C98595;
    --rose-2:#D9A0AD;
    --rose-light:#F0CDD5;
    --rose-soft:#FAEEF1;
    --cream:#FFFDFC;
    --cream-2:#FBF7F6;
    --cream-3:#FFF9F8;
    --mauve:#9D7C8E;
    --mauve-deep:#71596A;
    --plum:#6B5363;
    --plum-dark:#4A3945;
    --lavender:#B8A5B4;
    --lavender-soft:#EFE8EE;
    --peach:#E6B7AA;
    --peach-soft:#F8EAE5;
    --sage:#91A79D;
    --sage-soft:#E8F0EC;
    --ink:#3D343A;
    --ink-2:#655B61;
    --ink-3:#92878D;
    --surface:#FFFFFF;
    --surface-soft:rgba(255,255,255,.90);
    --line:rgba(157,124,142,.14);
    --line-strong:rgba(157,124,142,.24);
    --shadow:0 8px 28px rgba(80,57,70,.07);
    --shadow-hover:0 18px 42px rgba(80,57,70,.12);
    --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:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;line-height:1.72;overflow-x:hidden}
body.search-open{overflow:hidden}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%;height:auto}
button,input{font:inherit}
button{color:inherit}
.wrap{width:min(calc(100% - 40px),var(--wrap));margin:0 auto}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;left:16px;top:-60px;z-index:1000;background:var(--plum-dark);color:#fff;padding:10px 16px;border-radius:10px}.skip-link:focus{top:12px}
.eyebrow{display:inline-block;color:var(--mauve-deep);font-weight:700;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 18px;border:1px solid transparent;border-radius:var(--radius-pill);font-weight:700;cursor:pointer;transition:.2s ease}
.button.primary{background:var(--plum);color:#fff;box-shadow:0 8px 24px rgba(107,83,99,.16)}
.button.primary:hover{background:var(--plum-dark);transform:translateY(-1px)}
.button.soft{background:var(--rose-soft);color:var(--plum);border-color:var(--line-strong)}
.button.soft:hover{background:var(--rose-light)}
.text-link{font-weight:700;color:var(--plum);display:inline-flex;align-items:center;gap:6px}
.tag-row{display:flex;flex-wrap:wrap;gap:8px}.tag-row>a,.tag-row>span{background:var(--surface);border:1px solid var(--line);padding:6px 12px;border-radius:var(--radius-pill);font-size:.86rem;color:var(--ink-2)}
.site-header{position:sticky;top:0;z-index:80;background:rgba(255,253,252,.94);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);transition:.2s ease}.site-header.scrolled{background:rgba(255,255,255,.97);box-shadow:0 6px 24px rgba(80,57,70,.05)}
.header-inner{height:70px;width:min(calc(100% - 32px),var(--wrap));margin:0 auto;display:flex;align-items:center;gap:26px}.brand{display:flex;align-items:center;gap:10px;min-width:max-content}.brand img{width:42px;height:42px;object-fit:contain}.brand span{display:flex;flex-direction:column;line-height:1.2}.brand strong{font-size:1.05rem;color:var(--plum-dark)}.brand small{font-size:.68rem;color:var(--ink-3);margin-top:4px}
.main-nav{display:flex;align-items:center;gap:18px;margin-left:auto}.main-nav a{font-size:.9rem;color:var(--ink-2);padding:22px 0;position:relative}.main-nav a:hover,.main-nav a.active{color:var(--plum)}.main-nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:13px;height:2px;border-radius:2px;background:var(--rose)}
.header-actions{display:flex;align-items:center;gap:8px}.header-action,.menu-trigger{border:0;background:transparent;padding:8px 9px;border-radius:10px;cursor:pointer;font-size:.86rem}.header-action:hover,.menu-trigger:hover{background:var(--rose-soft)}
.mega-menu{border-top:1px solid var(--line);background:rgba(255,255,255,.98);box-shadow:var(--shadow)}.mega-menu[hidden]{display:none}.mega-grid{width:min(calc(100% - 40px),var(--wrap));margin:0 auto;padding:24px 0 30px;display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.mega-grid>div{display:flex;flex-direction:column;gap:9px}.mega-title{font-weight:800;color:var(--plum);margin-bottom:4px}.mega-grid a{font-size:.9rem;color:var(--ink-2)}.mega-grid a:hover{color:var(--rose)}
.search-modal{display:none;position:fixed;inset:0;z-index:200;background:rgba(74,57,69,.42);align-items:flex-start;justify-content:center;padding:10vh 20px 20px;backdrop-filter:blur(8px)}
.search-modal.is-open{display:flex}
.search-modal[hidden]{display:none !important}
.search-panel{position:relative;width:min(760px,100%);background:var(--cream);border:1px solid var(--line);border-radius:var(--radius-large);box-shadow:0 32px 90px rgba(55,38,49,.22);padding:36px}.search-panel h2{font-size:clamp(1.6rem,3vw,2.2rem);margin:0 0 18px}.modal-close{position:absolute;right:18px;top:16px;width:40px;height:40px;border:0;border-radius:50%;background:var(--rose-soft);font-size:1.5rem;cursor:pointer}.search-form,.hero-search{display:flex;gap:10px}.search-form input,.hero-search input{flex:1;min-width:0;border:1px solid var(--line-strong);background:#fff;border-radius:var(--radius-pill);padding:13px 18px;outline:none}.search-form input:focus,.hero-search input:focus{border-color:var(--rose);box-shadow:0 0 0 4px var(--rose-soft)}.quick-searches{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px;font-size:.86rem}.quick-searches a{color:var(--mauve-deep);font-weight:700}.privacy-note{margin:20px 0 0;padding:14px 16px;background:var(--lavender-soft);border-radius:14px;color:var(--ink-2);font-size:.86rem}
.hero{background:linear-gradient(135deg,#FFFDFC 0%,#FAEEF1 52%,#EEE5EC 100%);min-height:580px;display:flex;align-items:center;padding:54px 0}.hero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:56px;align-items:center}.hero-copy h1,.page-hero h1,.detail-copy h1,.viewer-shell h1{font-size:clamp(2.35rem,5vw,4.7rem);line-height:1.08;letter-spacing:-.035em;margin:0 0 22px;color:var(--plum-dark)}.hero-lead{font-size:1.13rem;color:var(--ink);max-width:720px}.hero-copy>p:not(.hero-lead){color:var(--ink-2);max-width:730px}.hero-search{margin-top:28px;max-width:700px}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:20px}.hero-tags{margin-top:22px}.hero-visual{position:relative;min-height:510px}.hero-image{width:100%;height:510px;object-fit:cover;border-radius:36px;box-shadow:0 28px 70px rgba(80,57,70,.15)}.floating-card,.privacy-badge{position:absolute;background:rgba(255,255,255,.94);border:1px solid rgba(255,255,255,.78);box-shadow:var(--shadow);backdrop-filter:blur(12px);border-radius:18px;padding:14px 16px;display:flex;flex-direction:column;max-width:230px}.floating-card strong,.privacy-badge span{color:var(--mauve-deep);font-size:.76rem}.floating-card span,.privacy-badge strong{font-size:.86rem;margin-top:4px}.card-one{top:22px;left:-28px}.card-two{right:-18px;top:155px}.privacy-badge{left:22px;bottom:18px;max-width:300px}
.home-section,.page-section{padding:82px 0}.home-section:nth-of-type(even){background:rgba(251,247,246,.72)}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:30px}.section-head h2,.page-section h2{font-size:clamp(1.7rem,3vw,2.55rem);line-height:1.18;color:var(--plum-dark);margin:0 0 10px}.section-head p,.section-intro{margin:0;color:var(--ink-2);max-width:760px}.chip-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.chip-grid a{padding:20px 16px;border:1px solid var(--line);background:var(--surface);border-radius:16px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:6px}.chip-grid strong{color:var(--plum)}.chip-grid span{color:var(--ink-3);font-size:.82rem}.chip-grid a:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}
.editor-pick{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;background:linear-gradient(135deg,var(--lavender-soft),var(--rose-soft));padding:32px;border-radius:var(--radius-large)}.editor-copy{padding:12px}.editor-copy h3{font-size:2rem;line-height:1.2;margin:0 0 14px}.editor-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.video-grid{display:grid;gap:20px}.video-grid.three{grid-template-columns:repeat(3,1fr)}.video-grid.four{grid-template-columns:repeat(4,1fr)}.video-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);overflow:hidden;box-shadow:var(--shadow);transition:.2s ease;min-width:0}.video-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}.card-media{display:block;position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--rose-soft)}.card-media img{width:100%;height:100%;object-fit:cover;transition:.35s ease}.video-card:hover .card-media img{transform:scale(1.025)}.duration{position:absolute;right:10px;bottom:10px;background:rgba(61,52,58,.78);color:#fff;padding:3px 8px;border-radius:8px;font-size:.75rem}.card-body{padding:18px}.meta-row{display:flex;gap:12px;justify-content:space-between;color:var(--ink-3);font-size:.78rem}.video-card h3{font-size:1.05rem;line-height:1.4;margin:9px 0}.video-card p{font-size:.87rem;color:var(--ink-2);margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-foot{display:flex;justify-content:space-between;align-items:center;margin-top:14px;font-size:.8rem;color:var(--ink-3)}.icon-button{width:34px;height:34px;border:1px solid var(--line);background:var(--cream);border-radius:50%;cursor:pointer}.favorite-button.is-favorite{background:var(--rose-soft);color:var(--rose)}.video-card.mini .card-body{padding:14px}.video-card.mini p{display:none}
.split-panel,.paired-grid,.warm-strip,.share-panel,.about-preview,.privacy-panel,.app-teaser,.page-hero-grid,.collection-layout,.contact-grid,.detail-grid,.reader-layout,.community-layout,.app-detail{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}.split-image img,.warm-strip img,.share-panel img,.about-preview img,.page-hero-grid img,.collection-cover img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius-large);box-shadow:var(--shadow)}.split-copy p,.paired-grid p,.warm-strip p,.share-panel p,.about-preview p{color:var(--ink-2)}
.bento-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;grid-template-rows:auto auto;gap:16px}.bento-grid article{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:24px}.bento-grid article>span{font-weight:800;color:var(--rose)}.bento-large{grid-row:1/3}.bento-large img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:16px;margin-bottom:18px}.bento-large h3{font-size:1.5rem}.bento-grid p{color:var(--ink-2)}
.knowledge-list{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.knowledge-list article{padding:26px;background:var(--surface);border:1px solid var(--line);border-radius:20px}.knowledge-list strong{color:var(--sage);font-size:.8rem}.knowledge-list h3{font-size:1.25rem}.knowledge-list p{color:var(--ink-2)}
.creator-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.creator-grid.large{grid-template-columns:repeat(2,1fr)}.creator-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;overflow:hidden}.creator-card>img{width:100%;aspect-ratio:1/1;object-fit:cover}.creator-card>div{padding:18px}.creator-card h3{margin:0 0 8px}.creator-card p{color:var(--ink-2);font-size:.88rem}.creator-grid.large .creator-card{display:grid;grid-template-columns:240px 1fr}.creator-grid.large .creator-card>img{height:100%}
.horizontal-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(300px,31%);gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 16px;scrollbar-width:none}.horizontal-rail::-webkit-scrollbar{display:none}.horizontal-rail>*{scroll-snap-align:start}.rail-controls{display:flex;justify-content:flex-end;gap:8px}.rail-controls button{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:#fff;cursor:pointer}
.paired-grid>div:first-child{padding:36px;background:var(--sage-soft);border-radius:var(--radius-large)}.lined-list{border-top:1px solid var(--line)}.lined-list>div{display:grid;grid-template-columns:60px 1fr 1.4fr;gap:22px;padding:22px 0;border-bottom:1px solid var(--line);align-items:start}.lined-list span{color:var(--rose);font-weight:800}.lined-list p{margin:0;color:var(--ink-2)}
.quote-card{padding:52px;background:linear-gradient(135deg,var(--rose-soft),var(--lavender-soft));border-radius:32px;text-align:center}.quote-card blockquote{font-size:clamp(1.6rem,3vw,2.8rem);line-height:1.35;color:var(--plum-dark);max-width:1000px;margin:10px auto 20px;font-weight:700}.quote-card p{max-width:760px;margin:0 auto 20px;color:var(--ink-2)}
.feature-panel{display:grid;grid-template-columns:1.1fr .9fr;gap:32px;background:var(--surface);border:1px solid var(--line);border-radius:28px;padding:32px}.feature-panel img{width:100%;height:100%;object-fit:cover;border-radius:20px}.feature-links{display:flex;flex-direction:column;gap:8px;margin-top:20px}.feature-links a{padding:12px 0;border-bottom:1px solid var(--line);font-weight:700;color:var(--plum)}
.compact-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px}.compact-cards article{background:var(--surface);border:1px solid var(--line);padding:30px;border-radius:22px}.compact-cards p{color:var(--ink-2)}
.collection-collage{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.collection-collage a{position:relative;min-height:320px;border-radius:24px;overflow:hidden;background:var(--plum-dark);color:#fff;display:flex;flex-direction:column;justify-content:flex-end;padding:22px}.collection-collage img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.62}.collection-collage a:after{content:"";position:absolute;inset:30% 0 0;background:linear-gradient(transparent,rgba(45,32,40,.88))}.collection-collage strong,.collection-collage span{position:relative;z-index:1}.collection-collage strong{font-size:1.25rem}.collection-collage span{font-size:.82rem;opacity:.85}
.rank-preview,.ranking-list{list-style:none;padding:0;margin:0}.rank-preview li{display:grid;grid-template-columns:64px 1fr;gap:18px;padding:18px 0;border-bottom:1px solid var(--line)}.rank-preview>li>span{font-size:1.7rem;color:var(--rose);font-weight:800}.rank-preview a{display:flex;justify-content:space-between;gap:20px}.rank-preview small{color:var(--ink-3)}
.timeline{position:relative}.timeline article{display:grid;grid-template-columns:90px 1fr;gap:24px;padding:20px 0;border-bottom:1px solid var(--line)}.timeline time{font-weight:800;color:var(--rose)}.timeline h3,.timeline h2{margin:2px 0 4px}.timeline p{margin:0;color:var(--ink-2)}.timeline.large article{grid-template-columns:120px 1fr;padding:28px 0}
.series-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:18px}.series-copy{padding:34px;background:var(--plum);color:#fff;border-radius:24px}.series-copy .eyebrow{color:var(--rose-light)}.series-copy h2{color:#fff}.series-copy p{opacity:.85}.warm-strip,.share-panel,.about-preview,.privacy-panel,.app-teaser{padding:30px;background:var(--surface);border:1px solid var(--line);border-radius:28px}.growth-grid,.about-values,.compare-grid,.discover-reasons,.help-grid,.download-grid,.safety-grid,.copyright-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.growth-grid article,.about-values article,.compare-grid article,.discover-reasons article,.help-grid article,.download-grid article,.safety-grid article,.copyright-grid article{padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:18px}.growth-grid p,.about-values p,.compare-grid p,.discover-reasons p,.help-grid p,.download-grid p,.safety-grid p,.copyright-grid p{color:var(--ink-2)}
.post-stream{display:grid;gap:14px}.post-stream article{padding:22px;background:var(--surface);border:1px solid var(--line);border-radius:18px}.post-meta{display:flex;justify-content:space-between;color:var(--ink-3);font-size:.78rem}.post-stream h3{margin:8px 0}.post-stream p{color:var(--ink-2)}.like-button{border:1px solid var(--line);background:var(--rose-soft);border-radius:var(--radius-pill);padding:7px 12px;cursor:pointer}.privacy-links,.web-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.privacy-links a,.web-actions a{padding:8px 12px;background:var(--cream);border:1px solid var(--line);border-radius:var(--radius-pill)}.web-experience,.download-note,.long-guide,.trust-note,.report-panel,.privacy-principles,.callout{padding:34px;background:var(--surface);border:1px solid var(--line);border-radius:24px}.guide-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.guide-columns p{color:var(--ink-2)}.download-note,.report-panel{display:flex;justify-content:space-between;align-items:center;gap:30px}.download-note>div{max-width:820px}
.page-hero{padding:72px 0;background:linear-gradient(135deg,var(--cream),var(--rose-soft));border-bottom:1px solid var(--line)}.page-hero.compact{padding:58px 0}.page-hero.compact h1{font-size:clamp(2.2rem,4vw,3.9rem);max-width:900px}.page-hero p{max-width:760px;color:var(--ink-2);font-size:1.05rem}.page-hero-grid img{height:420px}.match-panel{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;align-items:center;background:var(--lavender-soft);padding:30px;border-radius:28px}.match-panel img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:20px}.filter-chips,.ranking-tabs,.library-toolbar>div{display:flex;flex-wrap:wrap;gap:8px}.filter-chips button,.ranking-tabs button,.library-toolbar button,.reader-theme button{border:1px solid var(--line);background:#fff;border-radius:var(--radius-pill);padding:9px 14px;cursor:pointer}.filter-chips button.active,.ranking-tabs button.active,.library-toolbar button.active{background:var(--plum);color:#fff}.soft-section{background:var(--cream-2)}
.category-intro,.long-prose{max-width:980px;margin:0 auto}.category-intro h2,.long-prose h2{margin-top:34px}.category-intro p,.long-prose p{color:var(--ink-2);font-size:1rem}.category-guide{background:var(--surface);padding:32px;border-radius:24px;border:1px solid var(--line)}
.ranking-list li{display:grid;grid-template-columns:62px 190px 1fr auto;gap:22px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line)}.ranking-list img{width:190px;aspect-ratio:16/9;object-fit:cover;border-radius:14px}.rank-number{font-size:1.7rem;font-weight:800;color:var(--rose)}.ranking-list h2{font-size:1.25rem;margin:3px 0}.ranking-list p{margin:0;color:var(--ink-2);font-size:.9rem}.collection-detail:nth-child(even){background:var(--cream-2)}.collection-copy dl{display:grid;grid-template-columns:1fr 1fr;gap:12px}.collection-copy dl>div{padding:14px;background:var(--rose-soft);border-radius:14px}.collection-copy dt{font-size:.76rem;color:var(--ink-3)}.collection-copy dd{margin:4px 0 0;font-weight:700}.mini-content-list{display:flex;flex-direction:column;margin-top:20px}.mini-content-list a{display:flex;flex-direction:column;padding:12px 0;border-bottom:1px solid var(--line)}.mini-content-list span,.mini-content-list small{color:var(--ink-3);font-size:.78rem}
.series-list{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.series-list>article{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:26px}.series-list p{color:var(--ink-2)}
.detail-hero{padding:56px 0;background:var(--cream-2)}.detail-grid{grid-template-columns:1.12fr .88fr}.detail-visual{position:relative}.detail-visual img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:28px}.duration.big{font-size:.9rem;padding:7px 11px}.detail-copy h1{font-size:clamp(2.1rem,4vw,3.6rem)}.detail-copy .lead{color:var(--ink-2);font-size:1.03rem}.detail-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.detail-meta>div{padding:12px;background:var(--surface);border:1px solid var(--line);border-radius:14px}.detail-meta dt{font-size:.74rem;color:var(--ink-3)}.detail-meta dd{margin:3px 0 0;font-weight:700}.detail-columns{align-items:start}.detail-columns article{padding:28px;border:1px solid var(--line);background:var(--surface);border-radius:22px}.point-list{padding-left:20px}.point-list li{margin:9px 0}.knowledge-box{display:grid;grid-template-columns:1fr 1fr;gap:18px}.knowledge-box>div{padding:28px;background:var(--surface);border:1px solid var(--line);border-radius:20px}.creator-inline{display:grid;grid-template-columns:220px 1fr;gap:28px;align-items:center}.creator-inline img{width:220px;height:220px;object-fit:cover;border-radius:50%}
.viewer-shell{background:var(--plum-dark);color:#fff;padding:34px 0 22px}.viewer-shell h1{font-size:clamp(1.8rem,3vw,3rem);color:#fff;margin:18px 0}.viewer-top{display:flex;justify-content:space-between;gap:20px}.viewer-top>div{display:flex;gap:8px;flex-wrap:wrap}.viewer-top button,.viewer-top a{border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.08);color:#fff;padding:8px 12px;border-radius:var(--radius-pill);cursor:pointer}.viewer-stage{position:relative;border-radius:24px;overflow:hidden;background:#2f272c;aspect-ratio:16/9}.viewer-stage img{width:100%;height:100%;object-fit:cover;opacity:.42}.viewer-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px}.viewer-overlay span{font-size:1.4rem;font-weight:800}.viewer-overlay p{max-width:620px;color:rgba(255,255,255,.78)}.progress-wrap{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;margin-top:16px;font-size:.8rem}.progress-track{height:6px;background:rgba(255,255,255,.16);border-radius:8px;overflow:hidden}.progress-track i{display:block;height:100%;width:0;background:var(--rose-light);transition:.15s linear}.reader-layout{grid-template-columns:1.6fr .7fr;align-items:start}.reader-article{max-width:800px}.reader-article p{color:var(--ink-2)}.reader-aside{display:flex;flex-direction:column;gap:16px}.reader-aside>div{padding:20px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.reader-aside h2{font-size:1.1rem}.reader-theme{display:flex;flex-wrap:wrap;gap:8px}.reader-theme h2{width:100%}.reader-soft{background:var(--rose-soft)}.reader-dark{background:#2d252a;color:#eee}.reader-dark .site-header,.reader-dark .page-section,.reader-dark .reader-aside>div{background:#332a30;color:#eee}.reader-dark .reader-article p{color:#ddd}
.search-page-form{max-width:760px}.empty-state{text-align:center;padding:60px 20px}.empty-state h2,.not-found h1{color:var(--plum-dark)}.empty-state .tag-row,.empty-state .hero-actions{justify-content:center}.community-categories{display:flex;gap:10px;flex-wrap:wrap}.community-categories a{padding:10px 15px;border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--surface)}.community-layout{grid-template-columns:1.4fr .6fr;align-items:start}.community-side{display:flex;flex-direction:column;gap:16px}.community-side img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:18px}.community-side h2{font-size:1.2rem}.local-library{min-height:360px}.library-toolbar{display:flex;justify-content:space-between;gap:20px;margin-bottom:24px}.library-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.library-item{padding:20px;border:1px solid var(--line);background:var(--surface);border-radius:18px}.library-item a{font-weight:800;color:var(--plum)}.library-item small{display:block;color:var(--ink-3);margin-top:6px}.privacy-panel.simple{display:flex;justify-content:space-between;grid-template-columns:none}.app-detail{grid-template-columns:.65fr 1.35fr}.app-detail>img{max-height:660px;margin:0 auto;object-fit:contain}.feature-stack{display:grid;grid-template-columns:1fr 1fr;gap:14px}.feature-stack article{padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:18px}.feature-stack p{color:var(--ink-2)}.download-grid{grid-template-columns:repeat(3,1fr)}.download-grid article>span{font-weight:800;color:var(--rose)}.faq-list{display:flex;flex-direction:column;gap:10px}.faq-item{border:1px solid var(--line);background:var(--surface);border-radius:16px;overflow:hidden}.faq-item>button{width:100%;display:flex;justify-content:space-between;gap:20px;text-align:left;border:0;background:transparent;padding:17px 20px;cursor:pointer;font-weight:700}.faq-answer{padding:0 20px 18px;color:var(--ink-2)}.faq-answer[hidden]{display:none}.faq-list.large .faq-item>button{padding:20px 22px}.safety-grid{grid-template-columns:repeat(3,1fr)}.privacy-principles p{padding-left:18px;border-left:3px solid var(--rose-light)}.copyright-grid{grid-template-columns:repeat(2,1fr)}.contact-grid{grid-template-columns:repeat(3,1fr);align-items:stretch}.contact-grid article{padding:26px;border:1px solid var(--line);background:var(--surface);border-radius:20px}.contact-grid p{color:var(--ink-2)}.about-values{grid-template-columns:repeat(4,1fr)}.about-values strong{font-size:1.3rem;color:var(--plum)}
.site-footer{background:linear-gradient(135deg,#6B5363,#40333D);color:#fff;padding:58px 0 96px}.footer-inner{width:min(calc(100% - 40px),var(--wrap));margin:0 auto;display:grid;grid-template-columns:.8fr 1.2fr;gap:60px}.footer-brand strong{font-size:1.5rem}.footer-brand p{color:rgba(255,255,255,.7);max-width:500px}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.footer-links>div{display:flex;flex-direction:column;gap:8px}.footer-links strong{margin-bottom:5px}.footer-links a{font-size:.88rem;color:rgba(255,255,255,.72)}.footer-bottom{width:min(calc(100% - 40px),var(--wrap));margin:42px auto 0;padding-top:18px;border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;color:rgba(255,255,255,.56);font-size:.82rem}.mobile-bottom{display:none}.back-top{position:fixed;right:22px;bottom:24px;width:44px;height:44px;border:0;border-radius:50%;background:var(--plum);color:#fff;box-shadow:var(--shadow);cursor:pointer;opacity:0;visibility:hidden;transition:.2s;z-index:60}.back-top.visible{opacity:1;visibility:visible}
[data-reveal]{opacity:0;transform:translateY(12px);transition:.45s ease}[data-reveal].is-visible{opacity:1;transform:none}
@media (max-width:1200px){.main-nav{gap:12px}.main-nav a{font-size:.83rem}.chip-grid{grid-template-columns:repeat(3,1fr)}.creator-grid{grid-template-columns:repeat(4,1fr)}.video-grid.four{grid-template-columns:repeat(3,1fr)}.series-grid{grid-template-columns:1fr 1fr}.series-copy{grid-column:1/-1}}
@media (max-width:1024px){.main-nav{display:none}.header-actions{margin-left:auto}.hero-grid{gap:30px}.video-grid.three,.knowledge-list,.download-grid,.safety-grid{grid-template-columns:repeat(2,1fr)}.creator-grid{grid-template-columns:repeat(2,1fr)}.collection-collage{grid-template-columns:repeat(3,1fr)}.ranking-list li{grid-template-columns:50px 160px 1fr}.ranking-list li>.text-link{grid-column:3}.growth-grid,.discover-reasons,.help-grid{grid-template-columns:repeat(2,1fr)}.about-values{grid-template-columns:repeat(2,1fr)}}
@media (max-width:900px){.hero{padding:46px 0}.hero-grid,.page-hero-grid,.split-panel,.paired-grid,.warm-strip,.share-panel,.about-preview,.privacy-panel,.app-teaser,.collection-layout,.detail-grid,.reader-layout,.community-layout,.app-detail{grid-template-columns:1fr}.hero-visual{min-height:430px;max-width:720px}.hero-image{height:430px}.card-one{left:12px}.card-two{right:12px}.editor-pick{grid-template-columns:1fr}.bento-grid{grid-template-columns:1fr 1fr}.bento-large{grid-column:1/-1;grid-row:auto}.lined-list>div{grid-template-columns:50px 1fr}.lined-list p{grid-column:2}.feature-panel{grid-template-columns:1fr}.series-list{grid-template-columns:1fr}.detail-visual{order:1}.detail-copy{order:2}.reader-layout{align-items:stretch}.community-side{display:grid;grid-template-columns:1fr 1fr}.app-detail>img{max-height:520px}.feature-stack{grid-template-columns:1fr 1fr}.footer-inner{grid-template-columns:1fr}.footer-brand{max-width:680px}.creator-inline{grid-template-columns:160px 1fr}.creator-inline img{width:160px;height:160px}}
@media (max-width:768px){.wrap{width:min(calc(100% - 28px),var(--wrap))}.header-inner{width:calc(100% - 22px);height:66px}.brand small{display:none}.header-actions .header-action:not(.search-trigger){display:none}.mega-grid{grid-template-columns:1fr 1fr}.hero-copy h1,.page-hero h1{font-size:clamp(2.1rem,10vw,3.5rem)}.hero-search,.search-form{flex-direction:column}.hero-search .button,.search-form .button{width:100%}.home-section,.page-section{padding:58px 0}.section-head{align-items:flex-start;flex-direction:column}.video-grid.three,.video-grid.four{grid-template-columns:repeat(2,1fr)}.horizontal-rail{grid-auto-columns:minmax(280px,80%)}.collection-collage{grid-template-columns:1fr 1fr}.guide-columns{grid-template-columns:1fr}.ranking-list li{grid-template-columns:44px 120px 1fr;gap:12px}.ranking-list img{width:120px}.ranking-list li>.text-link{grid-column:3}.ranking-list p{display:none}.library-toolbar{flex-direction:column}.library-grid{grid-template-columns:repeat(2,1fr)}.contact-grid,.copyright-grid{grid-template-columns:1fr 1fr}.site-footer{padding-bottom:110px}.footer-links{grid-template-columns:1fr 1fr}.mobile-bottom{position:fixed;z-index:70;bottom:0;left:0;right:0;height:64px;padding-bottom:env(safe-area-inset-bottom);display:grid;grid-template-columns:repeat(5,1fr);background:rgba(255,253,252,.97);border-top:1px solid var(--line);backdrop-filter:blur(14px)}.mobile-bottom a{display:flex;align-items:center;justify-content:center;font-size:.78rem;color:var(--ink-2)}.back-top{bottom:82px}.footer-bottom{flex-direction:column;gap:8px}.search-panel{padding:30px 22px}.search-modal{padding-top:6vh}}
@media (max-width:600px){.brand strong{font-size:.98rem}.header-actions{gap:2px}.chip-grid{grid-template-columns:repeat(2,1fr)}.editor-mini-grid,.video-grid.three,.video-grid.four,.knowledge-list,.compact-cards,.growth-grid,.discover-reasons,.help-grid,.download-grid,.safety-grid,.creator-grid,.contact-grid,.copyright-grid,.feature-stack,.community-side{grid-template-columns:1fr}.creator-grid:not(.large){grid-template-columns:repeat(2,1fr)}.creator-grid.large .creator-card{grid-template-columns:110px 1fr}.creator-grid.large .creator-card>div{padding:14px}.collection-collage{grid-template-columns:1fr}.bento-grid{grid-template-columns:1fr}.bento-large{grid-column:auto}.series-grid{grid-template-columns:1fr}.quote-card{padding:34px 20px}.detail-meta{grid-template-columns:1fr}.knowledge-box{grid-template-columns:1fr}.ranking-list li{grid-template-columns:40px 1fr}.ranking-list img{display:none}.ranking-list li>.text-link{grid-column:2}.timeline article,.timeline.large article{grid-template-columns:68px 1fr}.library-grid{grid-template-columns:1fr}.privacy-panel.simple,.download-note,.report-panel{display:flex;flex-direction:column;align-items:flex-start}.creator-inline{grid-template-columns:1fr;text-align:center}.creator-inline img{margin:0 auto}.about-values{grid-template-columns:1fr}.footer-links{grid-template-columns:1fr 1fr}.footer-bottom{width:calc(100% - 28px)}}