: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;background:var(--cream)}
body{margin:0;font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--cream);line-height:1.72;overflow-x:hidden}
body.search-open,body.menu-open{overflow:hidden}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button{color:inherit}
img{max-width:100%;height:auto;display:block}
p{margin:0 0 1em;color:var(--ink-2)}
h1,h2,h3{margin:0 0 .55em;line-height:1.2;letter-spacing:-.02em}
h1{font-size:clamp(2.35rem,5vw,4.8rem)}
h2{font-size:clamp(1.55rem,3vw,2.55rem)}
h3{font-size:1.12rem}
.wrap{width:min(calc(100% - 40px),var(--wrap));margin-inline:auto}
.narrow{max-width:880px}
.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;top:8px;left:8px;z-index:1000;background:var(--plum-dark);color:#fff;padding:8px 12px;border-radius:8px;transform:translateY(-150%)}
.skip-link:focus{transform:none}
.eyebrow{display:inline-block;margin-bottom:12px;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:var(--rose)}
.button-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:24px}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border-radius:var(--radius-pill);border:1px solid transparent;font-weight:750;cursor:pointer;transition:.22s ease}
.button.primary{background:var(--plum);color:#fff;box-shadow:var(--shadow)}
.button.primary:hover{background:var(--plum-dark);transform:translateY(-1px)}
.button.secondary{background:#fff;border-color:var(--line-strong);color:var(--plum)}
.button.secondary:hover{border-color:var(--rose);background:var(--rose-soft)}
.text-link{font-weight:800;color:var(--plum);display:inline-flex;gap:5px;align-items:center}
.text-link:hover{color:var(--rose)}
.site-header{position:sticky;top:0;z-index:100;background:rgba(255,253,252,.94);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);transition:.2s}
.site-header.is-scrolled{background:rgba(255,255,255,.97);box-shadow:0 8px 22px rgba(80,57,70,.05)}
.header-inner{height:70px;display:flex;align-items:center;gap:24px}
.brand{display:inline-flex;align-items:center;gap:9px;font-weight:900;letter-spacing:-.02em;white-space:nowrap}
.brand img{width:40px;height:40px;object-fit:contain}
.brand.light{color:#fff}
.desktop-nav{display:flex;gap:18px;align-items:center;margin-left:auto;font-size:.94rem}
.desktop-nav a{padding:9px 0;color:var(--ink-2);font-weight:650}
.desktop-nav a:hover{color:var(--rose)}
.header-actions{display:flex;gap:8px;align-items:center}
.header-action{border:1px solid var(--line);background:#fff;border-radius:var(--radius-pill);padding:8px 12px;font-size:.86rem;cursor:pointer}
.menu-toggle{display:none}
.mega-menu{position:absolute;left:0;right:0;top:70px;background:rgba(255,253,252,.98);border-bottom:1px solid var(--line);box-shadow:var(--shadow)}
.mega-menu[hidden]{display:none!important}
.mega-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;padding:28px 20px}
.mega-grid>div{display:grid;gap:7px}.mega-grid strong{margin-bottom:4px;color:var(--plum)}.mega-grid a{color:var(--ink-2)}
.site-main{min-height:70vh}
.hero-section{background:linear-gradient(135deg,#FFFDFC 0%,#FAEEF1 52%,#EEE5EC 100%);padding:56px 0 64px}
.hero-grid{display:grid;grid-template-columns:1.16fr .98fr;gap:56px;align-items:center;min-height:520px}
.hero-copy{max-width:720px}.hero-lead{font-size:1.18rem;color:var(--ink);max-width:760px}
.hero-search,.search-form{display:flex;gap:10px;margin-top:25px;background:#fff;padding:8px;border-radius:var(--radius-pill);box-shadow:var(--shadow);border:1px solid var(--line)}
.hero-search input,.search-form input{flex:1;min-width:0;border:0;background:transparent;padding:9px 14px;outline:none}
.hero-visual{position:relative;min-width:0;padding:14px 20px 30px 14px}
.hero-image{overflow:hidden;border-radius:36px;box-shadow:var(--shadow-hover);aspect-ratio:4/3;background:var(--lavender-soft)}
.hero-image img{width:100%;height:100%;object-fit:cover}
.floating-card{position:absolute;background:rgba(255,255,255,.94);border:1px solid var(--line);box-shadow:var(--shadow);padding:13px 15px;border-radius:16px;display:grid;max-width:230px}
.floating-card strong{color:var(--plum)}.floating-card span{font-size:.84rem;color:var(--ink-2)}
.fc-one{left:-10px;bottom:10px}.fc-two{right:0;top:36px}.topic-badges{position:absolute;right:8px;bottom:-3px;display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.topic-badges span{background:var(--sage-soft);color:#4f6c60;padding:6px 9px;border-radius:999px;font-size:.74rem;font-weight:700}
.chip-row,.tag-list,.meta-pills,.quick-search{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.chip-row{margin-top:18px}.chip-row a,.chip-row button,.tag-list span,.tag-list a,.meta-pills span,.quick-search a{border:1px solid var(--line);background:rgba(255,255,255,.72);border-radius:999px;padding:7px 11px;font-size:.82rem;color:var(--ink-2)}.chip-row button{cursor:pointer}.chip-row button.is-active{background:var(--plum);color:#fff;border-color:var(--plum)}
.section{padding:74px 0}.section.compact{padding:48px 0}.section.soft{background:var(--cream-2)}.section.blush{background:var(--rose-soft)}.section.plum{background:linear-gradient(135deg,var(--plum),var(--plum-dark));color:#fff}.section.plum p,.section.plum small,.section-heading.light p{color:rgba(255,255,255,.75)}
.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;margin-bottom:28px}.section-heading>div{max-width:780px}.section-heading p{margin:0}.section-heading.light h2{color:#fff}.text-link.light{color:#fff}
.quick-category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.category-tile{display:block;background:#fff;border:1px solid var(--line);border-radius:var(--radius-card);padding:18px;box-shadow:var(--shadow);transition:.2s}.category-tile:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover)}.category-tile span,.category-tile h3{display:block;font-weight:850;color:var(--plum);margin-bottom:8px}.category-tile small{display:block;color:var(--ink-2);line-height:1.55}
.split-feature{display:grid;grid-template-columns:1.08fr .92fr;gap:44px;align-items:center}.split-feature.reverse{grid-template-columns:.92fr 1.08fr}.feature-image{border-radius:var(--radius-large);overflow:hidden;background:var(--lavender-soft);aspect-ratio:3/2;box-shadow:var(--shadow)}.feature-image img{width:100%;height:100%;object-fit:cover}.feature-copy{max-width:650px}.feature-copy p{font-size:1.02rem}.check-list{padding-left:1.2rem;color:var(--ink-2)}.check-list li{margin:9px 0}
.video-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.video-grid.three{grid-template-columns:repeat(3,1fr)}.video-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-card);overflow:hidden;box-shadow:var(--shadow);min-width:0;transition:.23s}.video-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}.video-card__image{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:var(--lavender-soft)}.video-card__image img{width:100%;height:100%;object-fit:cover;transition:.3s}.video-card:hover .video-card__image img{transform:scale(1.025)}.duration{position:absolute;right:10px;bottom:10px;background:rgba(60,44,55,.8);color:#fff;font-size:.72rem;padding:3px 7px;border-radius:7px}.video-card__body{padding:16px}.meta-row{display:flex;justify-content:space-between;gap:10px;font-size:.72rem;color:var(--ink-3);margin-bottom:8px}.video-card h3{font-size:1.05rem}.video-card p{font-size:.88rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.icon-button,.favorite-button{border:1px solid var(--line);background:var(--cream);border-radius:999px;padding:7px 10px;cursor:pointer;font-size:.78rem}.favorite-button.is-favorite{background:var(--rose-soft);border-color:var(--rose-light);color:var(--plum)}
.rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(270px,31%);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 3px 16px;scrollbar-width:thin}.rail-card{scroll-snap-align:start}.rail-controls{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}.rail-controls button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 14px;cursor:pointer}
.bento-grid{display:grid;grid-template-columns:1.5fr .7fr .7fr;gap:16px}.bento-grid>*{border:1px solid var(--line);border-radius:var(--radius-large);padding:24px;background:#fff;box-shadow:var(--shadow)}.bento-main{grid-row:span 2;background:linear-gradient(150deg,var(--cream),var(--rose-soft))}.bento-stat{display:grid;align-content:center;text-align:center}.bento-stat strong{font-size:1.7rem;color:var(--plum)}.bento-note{grid-column:2/4;background:var(--sage-soft)}
.knowledge-list{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.knowledge-list article{padding:22px;border-top:2px solid var(--rose-light);background:#fff;border-radius:0 0 var(--radius-card) var(--radius-card)}.knowledge-list article>span{font-size:.76rem;color:var(--rose);font-weight:900}.knowledge-list h3,.knowledge-list h2{margin-top:6px}
.creator-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.creator-card{background:#fff;border-radius:var(--radius-card);overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow)}.creator-card img{width:100%;aspect-ratio:6/7;object-fit:cover}.creator-card>div{padding:16px}.creator-card span{font-size:.75rem;color:var(--rose);font-weight:800}.creator-card p{font-size:.88rem}
.mini-cards,.series-stack,.web-feature{display:grid;gap:12px}.mini-cards a,.series-stack>div,.web-feature{padding:18px;border-radius:var(--radius-card);border:1px solid var(--line);background:#fff}.mini-cards a{display:grid;gap:6px}.mini-cards span,.series-stack span,.web-feature span{font-size:.86rem;color:var(--ink-2)}
.quote-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.quote-grid blockquote{margin:0;padding:24px;background:#fff;border:1px solid var(--line);border-radius:var(--radius-card);font-size:1.04rem}.quote-grid cite{display:block;margin-top:18px;color:var(--ink-3);font-size:.8rem;font-style:normal}
.timeline{display:grid;gap:0}.timeline article{display:grid;grid-template-columns:180px 1fr;gap:28px;padding:22px 0;border-bottom:1px solid var(--line)}.timeline time,.timeline article>span{color:var(--rose);font-weight:800;font-size:.83rem}.compact-timeline{grid-template-columns:repeat(4,1fr);gap:12px}.compact-timeline article{display:block;border:1px solid var(--line);border-radius:var(--radius-card);padding:20px;background:#fff}.compact-timeline article>span{display:block;margin-bottom:12px}
.privacy-card{padding:22px;background:linear-gradient(145deg,#fff,var(--rose-soft));border:1px solid var(--line-strong);border-radius:var(--radius-card);box-shadow:var(--shadow)}.privacy-card.large img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:14px;margin-bottom:16px}.privacy-card strong{color:var(--plum);font-size:1.08rem}.privacy-card p{margin:.55em 0}
.collection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.collection-card{background:#fff;border-radius:var(--radius-card);overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow)}.collection-card.large{display:grid;grid-template-columns:.9fr 1.1fr;grid-column:1/-1}.collection-card img{width:100%;height:100%;min-height:230px;object-fit:cover}.collection-card>div{padding:20px}.collection-card p{font-size:.9rem}.detail-list{display:grid;gap:10px}.detail-list>div{display:grid;grid-template-columns:110px 1fr;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}.detail-list dt{font-weight:800;color:var(--plum)}.detail-list dd{margin:0;color:var(--ink-2)}
.ranking-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:8px 26px}.ranking-list li{display:grid;grid-template-columns:42px 1fr;gap:12px;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.18)}.ranking-list li>span{font-size:1.2rem;font-weight:900;color:var(--rose-light)}.ranking-list a{display:grid}.ranking-list.large{grid-template-columns:1fr}.ranking-list.large li{border-bottom-color:var(--line);padding:18px}.ranking-list.large li>span{color:var(--rose)}.ranking-list.large small,.ranking-list.large p{color:var(--ink-3)}.ranking-list.large p{margin:.35em 0 0}
.essay-cards,.steps-grid,.safety-grid,.privacy-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.essay-cards article,.steps-grid article,.safety-grid article,.privacy-detail-grid article{background:#fff;border:1px solid var(--line);border-radius:var(--radius-card);padding:22px}.steps-grid article>span{font-size:1.35rem;font-weight:900;color:var(--rose-light)}.safety-grid,.privacy-detail-grid{grid-template-columns:repeat(2,1fr)}
.community-stream{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.community-stream article{background:#fff;border:1px solid var(--line);padding:20px;border-radius:var(--radius-card)}.post-meta{display:flex;justify-content:space-between;font-size:.76rem;color:var(--ink-3);margin-bottom:8px}.community-stream button{border:1px solid var(--line);border-radius:999px;background:var(--cream);padding:6px 10px;cursor:pointer}
.device-showcase{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:center}.device-panel{background:linear-gradient(145deg,var(--rose-soft),var(--lavender-soft));padding:24px;border-radius:38px;box-shadow:var(--shadow)}.device-panel img{width:100%;aspect-ratio:7/5;object-fit:cover;border-radius:25px}.phone-frame{aspect-ratio:3/4;max-width:540px;margin-inline:auto}.phone-frame img{object-fit:cover}
.faq-list{display:grid;gap:10px}.faq-list article{background:#fff;border:1px solid var(--line);border-radius:var(--radius-card);overflow:hidden}.faq-list button{width:100%;display:flex;justify-content:space-between;align-items:center;text-align:left;padding:17px 19px;border:0;background:#fff;font-weight:800;cursor:pointer}.faq-answer{padding:0 19px 16px}.faq-answer[hidden]{display:none!important}.faq-list.large{max-width:980px;margin-inline:auto}
.long-guide{background:#fff;border:1px solid var(--line);border-radius:var(--radius-large);padding:34px;box-shadow:var(--shadow)}.guide-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.guide-columns p{margin:0}
.page-hero,.simple-hero{padding:60px 0;background:linear-gradient(135deg,var(--cream) 0%,var(--rose-soft) 58%,var(--lavender-soft) 100%)}.page-hero.simple,.simple-hero{padding:72px 0}.page-hero.simple p,.simple-hero p{font-size:1.08rem}
.category-intro-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:24px;align-items:start}
.tab-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.tab-row button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 13px;cursor:pointer}.tab-row button.is-active{background:var(--plum);color:#fff}
.detail-hero{padding:48px 0;background:linear-gradient(145deg,var(--cream),var(--rose-soft))}.detail-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:42px;align-items:center}.detail-poster{border-radius:var(--radius-large);overflow:hidden;aspect-ratio:16/10;box-shadow:var(--shadow)}.detail-poster img{width:100%;height:100%;object-fit:cover}.detail-content-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:40px;align-items:start}.prose{font-size:1.02rem}.prose h2{margin-top:1.6em}.prose li{margin:.6em 0;color:var(--ink-2)}.info-box{background:var(--sage-soft);padding:18px;border-radius:var(--radius-card)}.detail-sidebar{display:grid;gap:16px;position:sticky;top:96px}.author-mini{background:#fff;border:1px solid var(--line);padding:18px;border-radius:var(--radius-card)}.author-mini img{width:80px;height:80px;object-fit:cover;border-radius:50%;margin-bottom:12px}
.reader-shell{padding:28px 0 70px}.reader-topbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:20px}.reader-topbar>div{display:flex;gap:8px;flex-wrap:wrap}.reader-topbar button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 10px;cursor:pointer}.reader-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:34px}.reader-content{background:#fff;border:1px solid var(--line);border-radius:var(--radius-large);padding:32px;box-shadow:var(--shadow)}.reader-content section{padding:24px 0;border-bottom:1px solid var(--line)}.reader-placeholder{border-radius:var(--radius-card);overflow:hidden;background:var(--lavender-soft);margin:20px 0}.reader-placeholder img{width:100%;aspect-ratio:16/9;object-fit:cover}.reader-placeholder>div{padding:18px}.reading-progress{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;margin:18px 0}.reading-progress progress{width:100%;height:9px}.reader-point{display:grid;grid-template-columns:36px 1fr;gap:12px;align-items:start;margin:12px 0}.reader-point span{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--rose-soft);color:var(--plum);font-weight:900}.reader-notice{background:var(--sage-soft);padding-inline:20px;border-radius:var(--radius-card)}.reader-aside{display:grid;gap:14px;align-content:start;position:sticky;top:96px}.panel{background:#fff;border:1px solid var(--line);padding:18px;border-radius:var(--radius-card)}.panel[hidden]{display:none!important}.reader-dark{--cream:#2f282c;--cream-2:#352d32;--cream-3:#382f34;--surface:#40363c;--ink:#f7eff3;--ink-2:#ded0d7;--ink-3:#baaab2;--line:rgba(255,255,255,.1);background:#2f282c}.reader-dark .reader-content,.reader-dark .video-card,.reader-dark .panel,.reader-dark .privacy-card{background:#40363c}.reader-dark .site-header{background:rgba(47,40,44,.96)}
.search-modal{display:none;position:fixed;inset:0;z-index:300;background:rgba(52,42,48,.48);padding:24px;align-items:flex-start;justify-content:center;overflow:auto}.search-modal.is-open{display:flex}.search-modal[hidden]{display:none!important}.search-dialog{position:relative;width:min(760px,100%);margin-top:12vh;background:#fff;border-radius:var(--radius-large);padding:32px;box-shadow:0 30px 90px rgba(40,25,35,.22)}.search-close{position:absolute;top:16px;right:16px;border:1px solid var(--line);background:var(--cream);border-radius:999px;padding:7px 10px;cursor:pointer}.quick-search{margin-top:18px}
.bookshelf-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:30px}.shelf-block{padding:24px 0;border-top:1px solid var(--line)}.local-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.local-item{display:grid;gap:6px;background:#fff;border:1px solid var(--line);border-radius:var(--radius-card);padding:17px}.local-item small{color:var(--ink-3)}.empty-state{padding:24px;border:1px dashed var(--line-strong);border-radius:var(--radius-card);background:var(--cream-2)}
.site-footer{background:linear-gradient(135deg,#6B5363,#40333D);color:#fff;padding:54px 0 110px}.footer-grid{display:grid;grid-template-columns:1.8fr repeat(4,1fr);gap:32px}.footer-grid>div{display:grid;align-content:start;gap:7px}.footer-grid strong{margin-bottom:7px}.footer-grid a{color:rgba(255,255,255,.8)}.footer-grid p{color:rgba(255,255,255,.72);max-width:360px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:35px;padding-top:22px;border-top:1px solid rgba(255,255,255,.15);font-size:.8rem;color:rgba(255,255,255,.65)}
.mobile-bottom-nav{display:none;position:fixed;left:12px;right:12px;bottom:12px;z-index:120;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border:1px solid var(--line);box-shadow:var(--shadow-hover);border-radius:20px;padding:8px}.mobile-bottom-nav a{flex:1;text-align:center;padding:8px 4px;font-size:.78rem;color:var(--ink-2)}
.back-to-top{position:fixed;right:20px;bottom:22px;width:42px;height:42px;border:1px solid var(--line);background:#fff;border-radius:50%;box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:.2s;z-index:90}.back-to-top.is-visible{opacity:1;pointer-events:auto}
.reveal{opacity:0;transform:translateY(10px);transition:opacity .5s ease,transform .5s ease}.reveal.is-visible{opacity:1;transform:none}
@media (max-width:1200px){
  .desktop-nav{gap:12px;font-size:.88rem}.video-grid{grid-template-columns:repeat(3,1fr)}.quick-category-grid{grid-template-columns:repeat(4,1fr)}.footer-grid{grid-template-columns:1.5fr repeat(4,1fr);gap:22px}
}
@media (max-width:1024px){
  .desktop-nav{display:none}.menu-toggle{display:inline-flex}.header-actions{margin-left:auto}.hero-grid{gap:32px}.video-grid{grid-template-columns:repeat(3,1fr)}.creator-grid{grid-template-columns:repeat(4,1fr)}.collection-grid{grid-template-columns:repeat(2,1fr)}.collection-card.large{grid-template-columns:1fr}.collection-card.large img{max-height:360px}.knowledge-list{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:2fr repeat(2,1fr)}.footer-grid>div:nth-child(n+4){margin-top:16px}.mega-menu{position:fixed;top:70px;bottom:0;overflow:auto}.mega-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:900px){
  .hero-grid,.split-feature,.split-feature.reverse,.device-showcase,.detail-grid{grid-template-columns:1fr}.hero-grid{min-height:0}.hero-visual{order:2;max-width:720px;width:100%;margin-inline:auto}.split-feature.reverse .feature-copy{order:1}.split-feature.reverse .feature-image,.split-feature.reverse .mini-cards,.split-feature.reverse .privacy-card,.split-feature.reverse .web-feature{order:2}.bento-grid{grid-template-columns:1fr 1fr}.bento-main{grid-column:1/-1;grid-row:auto}.bento-note{grid-column:1/-1}.detail-content-grid,.reader-grid{grid-template-columns:1fr}.detail-sidebar,.reader-aside{position:static;grid-template-columns:repeat(2,1fr)}.guide-columns{grid-template-columns:1fr 1fr}.quick-category-grid{grid-template-columns:repeat(2,1fr)}.local-list{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:768px){
  .wrap{width:min(calc(100% - 28px),var(--wrap))}.header-inner{height:64px}.brand span{display:none}.header-action[href="/bookshelf.php"]{display:none}.site-header .header-action{font-size:.8rem;padding:7px 9px}.hero-section{padding:34px 0 48px}.hero-grid{gap:24px}.hero-copy h1{font-size:clamp(2.2rem,11vw,3.6rem)}.hero-search,.search-form{border-radius:18px;align-items:stretch}.hero-search .button,.search-form .button{padding-inline:14px}.floating-card{position:static;margin-top:10px;max-width:none}.topic-badges{position:static;margin-top:10px;justify-content:flex-start}.section{padding:54px 0}.section-heading{align-items:flex-start;flex-direction:column;gap:10px}.video-grid,.video-grid.three{grid-template-columns:repeat(2,1fr)}.rail{grid-auto-columns:minmax(250px,72%)}.creator-grid{grid-template-columns:repeat(2,1fr)}.quote-grid,.essay-cards,.steps-grid,.safety-grid,.privacy-detail-grid,.community-stream{grid-template-columns:1fr}.compact-timeline{grid-template-columns:repeat(2,1fr)}.timeline article{grid-template-columns:1fr;gap:4px}.collection-grid{grid-template-columns:1fr}.ranking-list{grid-template-columns:1fr}.guide-columns{grid-template-columns:1fr}.long-guide{padding:24px}.detail-content-grid,.reader-grid{gap:20px}.reader-content{padding:22px}.reader-topbar{align-items:flex-start;flex-direction:column}.detail-sidebar,.reader-aside{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(2,1fr)}.footer-grid .footer-brand{grid-column:1/-1}.footer-bottom{flex-direction:column}.mobile-bottom-nav{display:flex}.back-to-top{bottom:86px}.site-footer{padding-bottom:120px}.mega-grid{grid-template-columns:1fr 1fr;padding:22px 14px}.search-dialog{padding:28px 20px;margin-top:7vh}
}
@media (max-width:600px){
  .header-actions .header-action[href="/app.php"]{display:none}.hero-search,.search-form{display:grid;grid-template-columns:1fr}.hero-search .button,.search-form .button{width:100%}.video-grid,.video-grid.three{grid-template-columns:1fr}.quick-category-grid{grid-template-columns:1fr}.creator-grid{grid-template-columns:repeat(2,1fr);gap:10px}.creator-card>div{padding:12px}.creator-card p{font-size:.8rem}.bento-grid{grid-template-columns:1fr}.bento-main,.bento-note{grid-column:auto}.knowledge-list{grid-template-columns:1fr}.compact-timeline{grid-template-columns:1fr}.local-list{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.detail-list>div{grid-template-columns:1fr}.page-hero,.page-hero.simple,.simple-hero{padding:48px 0}.reader-content{border-radius:18px;padding:18px}.button-row{align-items:stretch}.button-row .button{flex:1}.rail{grid-auto-columns:88%}.mega-grid{grid-template-columns:1fr}.mega-menu{top:64px}
}