:root{
    --primary:#7C3AED;
    --primary-2:#4F46E5;
    --primary-3:#2563EB;
    --accent:#06B6D4;
    --natural:#0D9488;
    --bg:#F8FAFC;
    --bg-2:#F5F3FF;
    --bg-3:#EEF2FF;
    --surface:#FFFFFF;
    --surface-soft:rgba(255,255,255,.82);
    --surface-strong:rgba(255,255,255,.94);
    --text:#0F172A;
    --text-2:#334155;
    --text-3:#64748B;
    --line:rgba(124,58,237,.12);
    --line-strong:rgba(79,70,229,.22);
    --shadow:0 10px 30px rgba(76,29,149,.08);
    --shadow-hover:0 18px 42px rgba(76,29,149,.14);
    --radius:14px;
    --radius-card:18px;
    --radius-large:24px;
    --radius-pill:999px;
    --wrap:1280px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-width:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;line-height:1.7;overflow-x:hidden}
body.search-open{overflow:hidden}
a{color:inherit;text-decoration:none}
a:hover{color:var(--primary-2)}
button,input,select{font:inherit}
button,a,input,select{outline-offset:3px}
:focus-visible{outline:3px solid rgba(79,70,229,.35);outline-offset:3px}
img,svg{max-width:100%}
main{min-height:60vh}
.wrap{width:min(calc(100% - 40px),var(--wrap));margin:0 auto}
.narrow-wide{max-width:980px}
.section{padding:84px 0}
.section-soft{background:linear-gradient(180deg,var(--bg-2),rgba(238,242,255,.55))}
.eyebrow{margin:0 0 10px;color:var(--primary-2);font-size:.77rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.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:10px;z-index:9999;transform:translateY(-160%);background:#fff;padding:10px 14px;border-radius:10px;box-shadow:var(--shadow)}
.skip-link:focus{transform:none}
.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:var(--radius-pill);padding:12px 20px;background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;font-weight:800;box-shadow:0 9px 22px rgba(79,70,229,.22);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}
.button:hover{color:#fff;transform:translateY(-2px);box-shadow:0 14px 30px rgba(79,70,229,.26)}
.button-secondary{background:#fff;color:var(--primary-2);border:1px solid var(--line-strong);box-shadow:none}
.button-secondary:hover{color:var(--primary);background:var(--bg-2)}
.button-light{background:#fff;color:#312E81;box-shadow:none}
.button-light:hover{color:#4C1D95}
.button-full{width:100%}
.text-link,.section-link{color:var(--primary-2);font-weight:800}
.text-link:hover,.section-link:hover{color:var(--primary)}
.tag-row{display:flex;flex-wrap:wrap;gap:7px}
.tag{display:inline-flex;padding:4px 9px;border-radius:var(--radius-pill);background:var(--bg-3);color:#4F46E5;font-size:.76rem;font-weight:700}
.pill{display:inline-flex;padding:5px 10px;border-radius:var(--radius-pill);background:rgba(124,58,237,.1);color:var(--primary);font-size:.75rem;font-weight:800}

/* Header */
.site-header{position:sticky;top:0;z-index:1000;background:rgba(248,250,252,.86);backdrop-filter:blur(18px);border-bottom:1px solid rgba(124,58,237,.08)}
.header-inner{width:min(calc(100% - 32px),var(--wrap));min-height:76px;margin:0 auto;display:flex;align-items:center;gap:24px}
.brand{display:inline-flex;align-items:center;gap:10px;flex:0 0 auto}
.brand-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,#F5F3FF,#E0E7FF);color:var(--primary-2);box-shadow:inset 0 0 0 1px var(--line)}
.brand-mark svg{width:31px;height:31px}
.brand-copy{display:flex;flex-direction:column;line-height:1.15}
.brand-copy strong{font-size:1.03rem;letter-spacing:.08em}
.brand-copy small{margin-top:5px;color:var(--text-3);font-size:.64rem;letter-spacing:.08em}
.desktop-nav{display:flex;align-items:center;justify-content:center;gap:3px;flex:1;min-width:0}
.desktop-nav a{padding:9px 9px;border-radius:10px;color:var(--text-2);font-size:.88rem;font-weight:650;white-space:nowrap}
.desktop-nav a:hover,.desktop-nav a.is-active{background:rgba(124,58,237,.08);color:var(--primary-2)}
.header-actions{display:flex;align-items:center;gap:8px}
.compact-search-link{font-size:.82rem;color:var(--text-3);white-space:nowrap}
.icon-button{height:40px;min-width:40px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--text-2);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}
.search-open-button{padding:0 10px}
.kbd-label{font-size:.7rem;color:var(--text-3)}
.menu-toggle{display:none}
.mobile-nav{width:min(calc(100% - 32px),var(--wrap));margin:0 auto 14px;padding:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}
.mobile-nav:not([hidden]){display:grid}
.mobile-nav a{padding:9px 10px;border-radius:9px;color:var(--text-2)}
.mobile-nav a.is-active{background:var(--bg-2);color:var(--primary-2);font-weight:700}

/* Search modal */
.search-modal{position:fixed;inset:0;z-index:3000;padding:11vh 20px 30px;background:rgba(15,23,42,.56);backdrop-filter:blur(12px);overflow:auto}
.search-modal[hidden]{display:none !important;}
.search-modal.is-open{animation:fadeIn .18s ease both}
.search-dialog{width:min(760px,100%);margin:0 auto;background:var(--surface-strong);border:1px solid rgba(255,255,255,.7);border-radius:28px;box-shadow:0 35px 90px rgba(30,27,75,.25);padding:26px}
.search-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.search-dialog-head h2{margin:0;font-size:1.65rem}
.search-close-button{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--text-2);font-size:1.4rem;cursor:pointer}
.modal-search-form{margin-top:22px;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:8px 9px 8px 16px;border:1px solid var(--line-strong);border-radius:18px;background:#fff}
.modal-search-form input{min-width:0;border:0;background:transparent;padding:10px 2px;color:var(--text)}
.modal-search-form input:focus{outline:0}
.modal-search-form button{border:0;border-radius:13px;padding:10px 16px;background:var(--primary-2);color:#fff;font-weight:800;cursor:pointer}
.modal-shortcuts{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;color:var(--text-3);font-size:.86rem}
.modal-shortcuts a{padding:5px 9px;border-radius:99px;background:var(--bg-2);color:var(--primary-2)}
.modal-hint{margin:20px 0 0;color:var(--text-3);font-size:.8rem}

/* Common visual placeholder */
.theme-placeholder{position:relative;overflow:hidden;display:grid;place-items:center;width:100%;min-height:170px;border-radius:var(--radius-card);background:linear-gradient(145deg,#F5F3FF,#EEF2FF 52%,#ECFEFF);color:var(--primary-2);border:1px solid var(--line)}
.theme-placeholder svg{width:82%;max-height:210px;filter:drop-shadow(0 14px 28px rgba(79,70,229,.10))}
.theme-ai{background:linear-gradient(145deg,#F5F3FF,#ECFEFF)}
.theme-movie,.theme-series{background:linear-gradient(145deg,#EEF2FF,#F5F3FF 58%,#EFF6FF);color:#4F46E5}
.theme-mrds,.theme-ranking{background:linear-gradient(145deg,#F5F3FF,#EDE9FE 55%,#EEF2FF);color:#7C3AED}
.theme-cloud{background:linear-gradient(145deg,#EFF6FF,#ECFEFF 62%,#EEF2FF);color:#2563EB}
.theme-study{background:linear-gradient(145deg,#ECFDF5,#EFF6FF 58%,#F8FAFC);color:#0D9488}
.theme-software{background:linear-gradient(145deg,#F8FAFC,#EEF2FF 58%,#F5F3FF);color:#4F46E5}
.theme-document{background:linear-gradient(145deg,#FFF,#F5F3FF 55%,#EFF6FF);color:#6D28D9}
.theme-garden{background:linear-gradient(145deg,#ECFDF5,#EEF2FF 62%,#F5F3FF);color:#0D9488}
.theme-bonsai{background:linear-gradient(145deg,#F0FDFA,#F5F3FF 60%,#EEF2FF);color:#0F766E}
.theme-news{background:linear-gradient(145deg,#FFF,#EEF2FF 60%,#ECFEFF);color:#4F46E5}
.variant-2{background-position:20% 50%}.variant-3{background-position:70% 20%}.variant-4{filter:saturate(.96)}.variant-5{filter:hue-rotate(3deg)}.variant-6{filter:saturate(1.04)}.variant-7{background-size:140% 140%}.variant-8{background-size:130% 130%}.variant-9{filter:saturate(.9)}

/* Headings */
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:34px}
.section-heading>div{max-width:760px}
.section-heading h2{margin:0;font-size:clamp(1.65rem,3vw,2.4rem);line-height:1.2;letter-spacing:-.03em}
.section-heading p:not(.eyebrow){margin:12px 0 0;color:var(--text-3)}
.section-link{white-space:nowrap;padding-bottom:5px}

/* Home hero */
.hero-section{position:relative;isolation:isolate;padding:72px 0 54px;overflow:hidden;background:radial-gradient(circle at 82% 12%,rgba(124,58,237,.12),transparent 34%),radial-gradient(circle at 12% 30%,rgba(6,182,212,.08),transparent 28%),linear-gradient(180deg,#FBFCFF,var(--bg))}
.hero-section:before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(79,70,229,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(79,70,229,.025) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,#000,transparent 88%)}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);gap:64px;align-items:center}
.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--natural);box-shadow:0 0 0 5px rgba(13,148,136,.1);margin-right:7px}
.hero-copy h1{margin:0;font-size:clamp(3.4rem,7vw,6.8rem);line-height:.98;letter-spacing:-.075em}
.hero-copy h1 span{background:linear-gradient(100deg,var(--primary),var(--primary-2),var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-lead{max-width:730px;margin:26px 0;color:var(--text-2);font-size:1.08rem}
.hero-search{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:8px 8px 8px 18px;background:#fff;border:1px solid var(--line-strong);border-radius:20px;box-shadow:0 18px 55px rgba(76,29,149,.11)}
.hero-search input{min-width:0;border:0;padding:13px 4px;background:transparent}
.hero-search input:focus{outline:0}
.hero-search button{border:0;border-radius:14px;background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;padding:12px 19px;font-weight:800;cursor:pointer}
.hot-keywords{display:flex;flex-wrap:wrap;gap:9px;margin:14px 3px 0;color:var(--text-3);font-size:.8rem}
.hot-keywords a{color:var(--primary-2)}
.hero-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:27px}
.hero-metrics div{padding:13px 14px;border-radius:14px;background:rgba(255,255,255,.72);border:1px solid var(--line)}
.hero-metrics strong{display:block;font-size:1.12rem}.hero-metrics span{color:var(--text-3);font-size:.75rem}
.hero-visual{position:relative;min-height:500px;display:grid;place-items:center}
.hero-visual>.theme-placeholder{width:min(440px,100%);min-height:440px;border-radius:50% 50% 40% 44%;box-shadow:0 28px 70px rgba(76,29,149,.13)}
.moon-gate-orbit{position:absolute;inset:3%;border:1px solid rgba(79,70,229,.12);border-radius:50%;animation:float 6s ease-in-out infinite}
.moon-gate-orbit span{position:absolute;width:11px;height:11px;border-radius:50%;background:var(--primary-2);box-shadow:0 0 0 7px rgba(79,70,229,.08)}
.moon-gate-orbit span:nth-child(1){top:10%;left:20%}.moon-gate-orbit span:nth-child(2){right:5%;top:48%}.moon-gate-orbit span:nth-child(3){left:27%;bottom:5%;background:var(--natural)}
.floating-chip{position:absolute;padding:8px 12px;border-radius:99px;background:rgba(255,255,255,.9);border:1px solid var(--line);box-shadow:var(--shadow);font-size:.78rem;font-weight:750;color:var(--text-2)}
.chip-a{top:13%;right:-2%}.chip-b{left:-1%;top:33%}.chip-c{right:2%;bottom:25%}.chip-d{left:8%;bottom:10%}

/* Home modules */
.trend-ribbon{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.trend-ribbon a{display:flex;gap:10px;align-items:center;padding:14px 15px;background:#fff;border:1px solid var(--line);border-radius:14px;color:var(--text-2);font-size:.9rem;box-shadow:0 6px 16px rgba(76,29,149,.035)}
.trend-ribbon span{color:var(--primary);font-size:.72rem;font-weight:900}
.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.category-card{display:grid;grid-template-columns:135px 1fr;gap:16px;align-items:center;padding:15px;background:#fff;border:1px solid var(--line);border-radius:var(--radius-card);box-shadow:var(--shadow);transition:transform .22s ease,box-shadow .22s ease}
.category-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover);color:inherit}
.category-card .theme-placeholder{min-height:130px}.category-index{font-size:.72rem;color:var(--primary);font-weight:900}.category-card h3{margin:2px 0;font-size:1.2rem}.category-card p{margin:0 0 7px;color:var(--text-3);font-size:.84rem}.category-card strong{font-size:.78rem;color:var(--primary-2)}
.mrds-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.mrds-grid.large{gap:20px}
.mrds-card{position:relative;padding:16px;background:#fff;border:1px solid var(--line);border-radius:var(--radius-card);box-shadow:var(--shadow)}
.mrds-card .theme-placeholder{min-height:155px;margin-bottom:16px}.mrds-number{position:absolute;top:25px;left:26px;z-index:2;font-size:.75rem;font-weight:900;color:var(--primary)}
.mrds-card h3{margin:10px 0 5px;line-height:1.35}.mrds-card p{margin:0 0 8px;color:var(--text-3);font-size:.86rem}.mrds-card strong{font-size:.78rem;color:var(--natural)}.mrds-card>a{display:block;margin-top:12px;color:var(--primary-2);font-size:.8rem;font-weight:800}
.ai-section{background:linear-gradient(135deg,#312E81,#4C1D95 58%,#1E1B4B);color:#fff}
.ai-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:start}.ai-intro>.theme-placeholder{min-height:230px;margin-bottom:24px;background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.14);color:#C4B5FD}.ai-intro .eyebrow{color:#A5F3FC}.ai-intro h2{font-size:2.5rem;line-height:1.15;margin:0}.ai-intro p:not(.eyebrow){color:#DDD6FE}.mood-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.mood-tabs button{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:#fff;border-radius:99px;padding:8px 11px;cursor:pointer}.mood-tabs button.is-active{background:#fff;color:#4C1D95}
.ai-picks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.ai-pick{display:grid;grid-template-columns:118px 1fr;gap:14px;align-items:center;padding:12px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:18px}.ai-pick[hidden]{display:none}.ai-pick .theme-placeholder{min-height:120px;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12);color:#C4B5FD}.ai-pick span{font-size:.74rem;color:#A5F3FC}.ai-pick h3{margin:3px 0}.ai-pick p{margin:0;color:#DDD6FE;font-size:.8rem}
.poster-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.poster-card{overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:var(--radius-card);box-shadow:var(--shadow)}.poster-card .theme-placeholder{min-height:275px;border:0;border-radius:0}.poster-card>div:last-child{padding:16px}.poster-card span{font-size:.72rem;color:var(--primary)}.poster-card h3{margin:4px 0;font-size:1.06rem}.poster-card p{margin:0;color:var(--text-3);font-size:.83rem}.poster-card a:last-child{display:inline-block;margin-top:9px;color:var(--primary-2);font-size:.78rem;font-weight:800}
.ranking-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:42px;align-items:center}.rank-list{border-top:1px solid var(--line)}.rank-list a{display:grid;grid-template-columns:48px 1fr auto;gap:12px;align-items:center;padding:13px 3px;border-bottom:1px solid var(--line)}.rank-list strong{color:var(--primary);font-size:.78rem}.rank-list small{color:var(--text-3)}.ranking-visual{position:relative}.ranking-visual .theme-placeholder{min-height:350px}.rank-note{position:absolute;right:18px;bottom:18px;background:#fff;padding:11px 14px;border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow)}.rank-note strong,.rank-note span{display:block}.rank-note span{color:var(--text-3);font-size:.72rem}
.resource-mosaic{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.mosaic-card{display:grid;grid-template-columns:120px 1fr;gap:14px;padding:14px;background:#fff;border:1px solid var(--line);border-radius:18px}.mosaic-card.mosaic-featured{grid-column:span 2;grid-template-columns:230px 1fr}.mosaic-card .theme-placeholder{min-height:120px}.mosaic-featured .theme-placeholder{min-height:200px}.mosaic-card span{font-size:.72rem;color:var(--primary)}.mosaic-card h3{margin:3px 0}.mosaic-card p{margin:0;color:var(--text-3);font-size:.82rem}.mosaic-card a{display:inline-block;margin-top:8px;color:var(--primary-2);font-size:.78rem;font-weight:800}
.split-band{background:linear-gradient(135deg,#EFF6FF,#F5F3FF)}.split-feature{display:grid;grid-template-columns:1fr .82fr;gap:56px;align-items:center}.split-feature.reverse{grid-template-columns:.82fr 1fr}.split-feature h2{font-size:clamp(1.8rem,4vw,3rem);margin:0 0 14px;line-height:1.15}.split-feature p{color:var(--text-2)}.split-feature .theme-placeholder{min-height:340px}
.check-list{list-style:none;padding:0;margin:18px 0}.check-list li{position:relative;padding:8px 0 8px 27px;color:var(--text-2)}.check-list li:before{content:"✓";position:absolute;left:0;color:var(--natural);font-weight:900}
.tri-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.tri-feature{padding:18px;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow)}.tri-feature .theme-placeholder{min-height:210px;margin-bottom:18px}.tri-feature h2{margin:0}.tri-feature>p:not(.eyebrow){color:var(--text-3)}.tri-feature>a{color:var(--primary-2);font-weight:800}
.garden-section{background:linear-gradient(180deg,#F0FDFA,#F8FAFC)}.garden-story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.garden-story{display:grid;grid-template-columns:180px 1fr;gap:20px;align-items:center;padding:16px;background:rgba(255,255,255,.78);border:1px solid rgba(13,148,136,.12);border-radius:20px}.garden-story .theme-placeholder{min-height:160px}.garden-story h3{margin:0 0 6px}.garden-story p{margin:0;color:var(--text-3)}
.bonsai-layout{display:grid;grid-template-columns:1.08fr .92fr;gap:48px;align-items:center}.bonsai-layout h2{font-size:2.4rem;line-height:1.2;margin:0}.bonsai-layout>.theme-placeholder{min-height:400px}.mini-note-list{display:grid;gap:10px;margin:22px 0}.mini-note-list article{display:flex;gap:12px;padding:12px;border:1px solid var(--line);border-radius:14px;background:#fff}.mini-note-list span{color:var(--natural);font-size:1.4rem}.mini-note-list h3{margin:0;font-size:.98rem}.mini-note-list p{margin:2px 0 0;color:var(--text-3);font-size:.82rem}
.article-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.article-row article{padding:22px;background:#fff;border:1px solid var(--line);border-radius:18px}.article-row time,.article-row span{font-size:.72rem;color:var(--text-3);margin-right:8px}.article-row h3{margin:12px 0 7px}.article-row p{margin:0;color:var(--text-3);font-size:.86rem}
.editor-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.editor-card{overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:20px}.editor-card .theme-placeholder{border:0;border-radius:0;min-height:210px}.editor-card>div:last-child{padding:18px}.editor-card span{color:var(--primary);font-size:.72rem}.editor-card h3{margin:4px 0}.editor-card p{color:var(--text-3);font-size:.85rem}.editor-card a{color:var(--primary-2);font-size:.8rem;font-weight:800}
.content-columns{display:grid;grid-template-columns:1.35fr .65fr;gap:48px;align-items:start}.content-columns h2{font-size:2rem;line-height:1.25;margin-top:0}.quote-panel{padding:26px;border-radius:22px;background:linear-gradient(145deg,#312E81,#4C1D95);color:#fff;box-shadow:var(--shadow)}.quote-panel strong{font-size:1.1rem}.quote-panel p{color:#DDD6FE;white-space:normal}.quote-panel a{color:#A5F3FC;font-weight:800}
.guide-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;list-style:none;padding:0}.guide-steps li{padding:20px;background:#fff;border:1px solid var(--line);border-radius:18px}.guide-steps>li>span{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--bg-2);color:var(--primary);font-weight:900}.guide-steps h3{margin:14px 0 4px}.guide-steps p{margin:0;color:var(--text-3);font-size:.84rem}
.advantage-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.advantage-grid article{padding:20px;background:#fff;border:1px solid var(--line);border-radius:18px}.advantage-grid strong{color:var(--primary);font-size:.8rem}.advantage-grid h3{margin:6px 0}.advantage-grid p{margin:0;color:var(--text-3);font-size:.84rem}
.faq-layout{display:grid;grid-template-columns:.55fr 1.45fr;gap:48px;align-items:start}.faq-layout>div:first-child{position:sticky;top:110px}.faq-layout h2{font-size:2.2rem;margin:0}.faq-list{border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-item h3{margin:0}.faq-trigger{width:100%;display:flex;justify-content:space-between;gap:20px;text-align:left;padding:18px 3px;border:0;background:transparent;color:var(--text);font-weight:800;cursor:pointer}.faq-trigger span:last-child{color:var(--primary);font-size:1.2rem}.faq-panel{padding:0 34px 18px 3px;color:var(--text-3)}.faq-panel p{margin:0}
.feedback-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.feedback-grid blockquote{margin:0;padding:22px;background:#fff;border:1px solid var(--line);border-radius:18px;color:var(--text-2)}.feedback-grid footer{margin-top:14px;color:var(--text-3);font-size:.76rem}

/* Inner page common */
.page-hero{position:relative;padding:66px 0 56px;background:radial-gradient(circle at 80% 18%,rgba(124,58,237,.11),transparent 32%),linear-gradient(180deg,#FBFCFF,#F5F3FF)}
.page-hero h1{max-width:900px;margin:8px 0 16px;font-size:clamp(2.55rem,5.2vw,5rem);line-height:1.05;letter-spacing:-.055em}.page-hero p:not(.eyebrow){max-width:800px;color:var(--text-2);font-size:1.02rem}.hero-mini-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:52px;align-items:center}.hero-mini-grid>.theme-placeholder,.hero-mini-grid>div:last-child>.theme-placeholder{min-height:360px}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:23px}
.breadcrumb{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:28px;color:var(--text-3);font-size:.78rem}.breadcrumb a{color:var(--primary-2)}
.cta-band{padding:48px 0;background:linear-gradient(135deg,#312E81,#4C1D95,#1E1B4B);color:#fff}.cta-band .wrap{display:flex;justify-content:space-between;align-items:center;gap:24px}.cta-band h2{margin:0;font-size:2rem}.cta-band p:not(.eyebrow){margin:7px 0 0;color:#DDD6FE}.cta-band .eyebrow{color:#A5F3FC}
.prose{font-size:1rem;color:var(--text-2)}.prose section+section{margin-top:32px}.prose h2{color:var(--text);font-size:1.65rem;margin:0 0 10px}.prose h3{color:var(--text);font-size:1.15rem;margin:28px 0 8px}.compact-prose p{margin-top:0;margin-bottom:20px}.article-note{margin-top:36px;padding:20px;border-radius:16px;background:var(--bg-2);border:1px solid var(--line)}.article-note p{margin:6px 0 0}
.number-list{list-style:none;padding:0;margin:20px 0}.number-list li{display:grid;grid-template-columns:1fr;gap:4px;padding:16px 0;border-bottom:1px solid var(--line)}.number-list strong{color:var(--text)}.number-list span{color:var(--text-3)}

/* Search page */
.search-page-hero{padding-bottom:36px}.page-search-form{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;margin-top:28px;padding:9px 9px 9px 18px;background:#fff;border:1px solid var(--line-strong);border-radius:19px;box-shadow:var(--shadow)}.page-search-form input[type=search]{min-width:0;border:0;padding:13px 3px;background:transparent}.page-search-form input:focus{outline:0}.page-search-form button{border:0;border-radius:14px;padding:11px 19px;background:var(--primary-2);color:#fff;font-weight:800;cursor:pointer}.search-tabs{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}.search-tabs a{padding:7px 12px;border-radius:99px;background:#fff;border:1px solid var(--line);font-size:.83rem;color:var(--text-2)}.search-tabs a.is-active{background:var(--primary-2);color:#fff;border-color:var(--primary-2)}
.search-layout{display:grid;grid-template-columns:245px 1fr;gap:34px;align-items:start}.filter-details>summary{display:none}.filter-details[open]>summary+*{display:block}.filter-sticky{position:sticky;top:100px;padding:20px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.filter-sticky h2{margin:0 0 14px}.filter-sticky form{display:grid;gap:9px}.filter-sticky label{font-size:.78rem;font-weight:800}.filter-sticky select{width:100%;padding:9px 10px;border:1px solid var(--line-strong);border-radius:10px;background:#fff;color:var(--text)}.filter-help{margin-top:22px;padding-top:16px;border-top:1px solid var(--line)}.filter-help h3{font-size:.9rem}.filter-help a{display:block;padding:4px 0;color:var(--primary-2);font-size:.78rem}.results-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px}.results-head h2{margin:0}.results-head>span{color:var(--text-3);font-size:.8rem}.result-list{display:grid;gap:14px}.result-card{display:grid;grid-template-columns:185px 1fr;gap:18px;padding:14px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 6px 20px rgba(76,29,149,.045)}.result-card .theme-placeholder{min-height:145px}.result-body{min-width:0}.result-meta{display:flex;justify-content:space-between;gap:12px;color:var(--text-3);font-size:.72rem}.result-body h3{margin:6px 0 5px}.result-body p{margin:0 0 10px;color:var(--text-3);font-size:.84rem}.compact-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.compact-results .result-card{grid-template-columns:130px 1fr}.compact-results .result-card .theme-placeholder{min-height:125px}.empty-state{text-align:center;padding:40px;border:1px dashed var(--line-strong);border-radius:22px;background:#fff}.empty-state .theme-placeholder{max-width:310px;min-height:190px;margin:0 auto}.empty-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.empty-links a{padding:6px 10px;background:var(--bg-2);border-radius:99px;color:var(--primary-2);font-size:.8rem}.pagination{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:22px}.pagination a{display:grid;place-items:center;min-width:38px;height:38px;padding:0 12px;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--text-2);font-size:.8rem;font-weight:800}.pagination a:hover,.pagination a.is-current{border-color:var(--primary-2);background:var(--bg-2);color:var(--primary-2)}.noscript-nav{display:none}

/* Content page specific */
.mood-map{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.mood-map a{padding:20px;border:1px solid var(--line);border-radius:18px;background:#fff}.mood-map span,.mood-map strong{display:block}.mood-map span{color:var(--primary);font-size:.78rem;font-weight:800}.mood-map strong{margin-top:5px;font-size:1.05rem}
.editorial-aside{padding:16px;border:1px solid var(--line);border-radius:20px;background:#fff}.editorial-aside .theme-placeholder{min-height:260px}.editorial-aside h2{font-size:1.3rem;margin-top:16px}
.resource-lanes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.resource-lanes a{padding:22px;border:1px solid var(--line);border-radius:20px;background:#fff}.resource-lanes span{color:var(--primary);font-size:.75rem;font-weight:900}.resource-lanes h2{font-size:1.2rem;margin:8px 0}.resource-lanes p{color:var(--text-3);font-size:.84rem}
.learning-roadmap,.garden-art-steps,.help-steps{list-style:none;padding:0;margin:0;display:grid;gap:12px}.learning-roadmap li,.help-steps li{display:grid;grid-template-columns:70px 1fr;gap:22px;padding:20px;border:1px solid var(--line);border-radius:18px;background:#fff}.learning-roadmap>li>span,.help-steps>li>span{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--bg-2);color:var(--primary);font-weight:900}.learning-roadmap h2,.help-steps h2{margin:0;font-size:1.25rem}.learning-roadmap p,.help-steps p{margin:3px 0 0;color:var(--text-3)}
.tool-matrix{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.tool-matrix article{padding:22px;background:#fff;border:1px solid var(--line);border-radius:18px}.tool-matrix span{font-size:.74rem;color:var(--primary);font-weight:900}.tool-matrix h2{font-size:1.1rem;margin:7px 0}.tool-matrix p{color:var(--text-3);font-size:.84rem;margin:0}
.doc-structure-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.doc-structure-grid article{padding:26px;background:#fff;border:1px solid var(--line);border-radius:20px}.doc-structure-grid strong{color:var(--primary)}.doc-structure-grid h2{font-size:1.2rem}.doc-structure-grid p{color:var(--text-3)}
.bonsai-note-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.bonsai-note-grid article{padding:16px;background:#fff;border:1px solid var(--line);border-radius:20px}.bonsai-note-grid .theme-placeholder{min-height:230px}.bonsai-note-grid h3{margin:14px 0 5px}.bonsai-note-grid p{margin:0;color:var(--text-3)}
.garden-art-steps{counter-reset:step}.garden-art-steps li{display:grid;grid-template-columns:120px 1fr;gap:30px;align-items:center;padding:26px 0;border-bottom:1px solid var(--line)}.garden-art-steps>li>span{display:grid;place-items:center;width:95px;height:95px;border-radius:50%;background:linear-gradient(145deg,#ECFDF5,#EEF2FF);border:1px solid var(--line);font-size:2rem;color:var(--natural);font-weight:850}.garden-art-steps h2{margin:0}.garden-art-steps p{margin:5px 0 0;color:var(--text-3)}
.ranking-page-grid{display:grid;grid-template-columns:1fr 330px;gap:32px;align-items:start}.rank-table{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden}.rank-table-head,.rank-table a{display:grid;grid-template-columns:80px 1fr 120px;gap:14px;align-items:center;padding:14px 20px}.rank-table-head{background:var(--bg-2);color:var(--text-3);font-size:.75rem}.rank-table a{border-top:1px solid var(--line)}.rank-table strong{color:var(--primary)}.rank-table small{color:var(--text-3)}.rank-explain{padding:22px;background:#fff;border:1px solid var(--line);border-radius:20px;position:sticky;top:100px}.ranking-categories{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.ranking-categories article{padding:24px;border-radius:20px;background:#fff;border:1px solid var(--line)}.ranking-categories span{color:var(--primary);font-size:.76rem}.ranking-categories h2{font-size:1.2rem}.ranking-categories a{color:var(--primary-2);font-weight:800}
.news-featured{display:grid;grid-template-columns:1fr 280px;gap:22px}.news-featured>article{display:grid;grid-template-columns:.9fr 1.1fr;gap:22px;padding:16px;background:#fff;border:1px solid var(--line);border-radius:22px}.news-featured .theme-placeholder{min-height:270px}.news-featured>article>div:last-child{align-self:center}.news-featured span{color:var(--primary);font-size:.75rem}.news-featured h2{font-size:2rem;line-height:1.2}.news-featured aside{padding:22px;background:var(--bg-2);border:1px solid var(--line);border-radius:20px}.news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.news-card{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden}.news-card .theme-placeholder{border:0;border-radius:0;min-height:200px}.news-card>div:last-child{padding:17px}.news-card span,.news-card time{font-size:.72rem;color:var(--text-3);margin-right:7px}.news-card h3{margin:8px 0 5px}.news-card p{color:var(--text-3);font-size:.84rem}.news-card>a,.news-card div>a:last-child{color:var(--primary-2);font-weight:800;font-size:.8rem}
.article-hero{padding:58px 0 20px;background:linear-gradient(180deg,#FBFCFF,#F8FAFC)}.article-wrap{max-width:940px}.article-kicker{display:flex;gap:12px;color:var(--primary);font-size:.78rem;font-weight:800}.article-hero h1{font-size:clamp(2.5rem,5vw,4.7rem);line-height:1.08;letter-spacing:-.05em;margin:14px 0}.article-deck{max-width:780px;color:var(--text-2);font-size:1.1rem}.article-visual{margin-top:30px}.article-visual .theme-placeholder{min-height:390px}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:54px}.article-aside{position:sticky;top:100px}.article-aside h2{font-size:1rem}.article-aside>a:not(.button){display:block;padding:12px 0;border-bottom:1px solid var(--line)}.article-aside span,.article-aside strong{display:block}.article-aside span{color:var(--primary);font-size:.7rem}.article-aside strong{margin-top:3px;font-size:.9rem}
.do-dont-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.do-dont-grid article{padding:25px;background:#fff;border:1px solid var(--line);border-radius:20px}.do-dont-grid ul{padding-left:20px;color:var(--text-2)}
.faq-page-layout{display:grid;grid-template-columns:220px 1fr;gap:40px}.faq-index{position:sticky;top:100px;padding:18px;border:1px solid var(--line);border-radius:18px;background:#fff}.faq-index h2{margin:0 0 10px}.faq-index a{display:block;padding:7px 0;color:var(--text-2);font-size:.86rem}
.help-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.help-grid article{padding:22px;border:1px solid var(--line);border-radius:18px;background:#fff}.help-grid h2{font-size:1.15rem}.help-grid p{color:var(--text-3)}
.legal-prose{max-width:860px}.legal-prose section{padding:0 0 22px;margin-bottom:22px;border-bottom:1px solid var(--line)}.legal-prose h2{font-size:1.35rem}.legal-prose p{color:var(--text-2)}
.safety-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.safety-grid article{padding:22px;background:#fff;border:1px solid var(--line);border-radius:18px}.safety-grid>article>span{color:var(--primary);font-size:.75rem;font-weight:900}.safety-grid h2{font-size:1.18rem}.safety-grid p{color:var(--text-3);font-size:.85rem}
.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.contact-grid article{padding:24px;background:#fff;border:1px solid var(--line);border-radius:20px}.contact-grid>article>span{color:var(--primary);font-size:.75rem;font-weight:800}.contact-grid h2{font-size:1.2rem}.contact-grid p{color:var(--text-3)}

/* Footer */
.site-footer{position:relative;overflow:hidden;padding:62px 0 24px;background:linear-gradient(135deg,#312E81,#4C1D95,#1E1B4B);color:#fff}.footer-orbit{position:absolute;width:540px;height:540px;border:1px solid rgba(255,255,255,.07);border-radius:50%;right:-170px;top:-300px}.footer-orbit:before,.footer-orbit:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.05);border-radius:50%;inset:70px}.footer-orbit:after{inset:140px}.footer-grid{position:relative;width:min(calc(100% - 40px),var(--wrap));margin:0 auto;display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:35px}.brand-footer{color:#fff}.brand-footer .brand-mark{background:rgba(255,255,255,.1);color:#C4B5FD;border-color:rgba(255,255,255,.12)}.brand-footer small{color:#C4B5FD}.footer-brand p{max-width:350px;color:#C4B5FD}.footer-grid section:not(.footer-brand){display:flex;flex-direction:column;gap:8px}.footer-grid h2{margin:0 0 7px;font-size:.9rem}.footer-grid a{color:#C4B5FD;font-size:.82rem}.footer-grid a:hover{color:#fff}.footer-bottom{position:relative;width:min(calc(100% - 40px),var(--wrap));margin:38px auto 0;padding-top:20px;border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;gap:20px;color:#A5B4FC;font-size:.75rem}.footer-bottom p{margin:0}.back-to-top{position:fixed;z-index:800;right:20px;bottom:20px;width:44px;height:44px;border:0;border-radius:50%;background:#fff;color:var(--primary-2);box-shadow:var(--shadow-hover);cursor:pointer}.back-to-top[hidden]{display:none}

/* Motion */
.reveal{opacity:0;transform:translateY(12px);transition:opacity .55s ease,transform .55s ease}.reveal.is-visible{opacity:1;transform:none}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}

/* Tablet */
@media (max-width:1120px){
    .desktop-nav a{padding:8px 6px;font-size:.8rem}.kbd-label,.compact-search-link{display:none}
    .hero-grid{grid-template-columns:1fr .82fr;gap:36px}.hero-visual{min-height:420px}.hero-visual>.theme-placeholder{min-height:370px}
    .category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.trend-ribbon{grid-template-columns:repeat(2,1fr)}
    .mrds-grid{grid-template-columns:repeat(2,1fr)}.poster-grid{grid-template-columns:repeat(2,1fr)}
    .resource-mosaic{grid-template-columns:repeat(2,1fr)}.mosaic-card.mosaic-featured{grid-column:span 2}
    .advantage-grid{grid-template-columns:repeat(2,1fr)}.tool-matrix{grid-template-columns:repeat(2,1fr)}
    .footer-grid{grid-template-columns:1.5fr repeat(2,1fr)}
}
@media (max-width:900px){
    .desktop-nav{display:none}.menu-toggle{display:inline-flex}.noscript-nav{display:flex;flex-wrap:wrap;gap:8px;padding:10px 18px 14px;border-top:1px solid var(--line);background:rgba(255,255,255,.98)}.noscript-nav a{padding:7px 10px;border-radius:9px;background:var(--bg-2);font-size:.8rem;font-weight:800}.noscript-nav a.is-active{background:var(--primary-2);color:#fff}.header-inner{min-height:68px}.brand-copy small{display:none}
    .hero-grid,.hero-mini-grid,.ai-layout,.ranking-layout,.split-feature,.split-feature.reverse,.bonsai-layout,.content-columns,.article-layout,.ranking-page-grid,.news-featured,.faq-layout,.faq-page-layout{grid-template-columns:1fr}
    .hero-section{padding-top:50px}.hero-visual{min-height:360px;max-width:520px;margin:0 auto;width:100%}.hero-visual>.theme-placeholder{min-height:340px}
    .hero-mini-grid>.theme-placeholder,.hero-mini-grid>div:last-child>.theme-placeholder{min-height:300px}.page-hero{padding:48px 0}
    .ai-intro{max-width:620px}.garden-story-grid,.article-row,.editor-grid,.tri-feature-grid,.news-grid,.safety-grid,.contact-grid{grid-template-columns:repeat(2,1fr)}
    .guide-steps{grid-template-columns:repeat(2,1fr)}.faq-layout>div:first-child,.filter-sticky,.article-aside,.rank-explain,.faq-index{position:static}
    .search-layout{grid-template-columns:1fr}.filter-panel{order:2}.filter-details>summary{display:block;padding:12px 14px;background:#fff;border:1px solid var(--line);border-radius:14px;font-weight:800;cursor:pointer}.filter-details[open]>summary{margin-bottom:10px}.search-results{order:1}.compact-results{grid-template-columns:1fr}
    .news-featured>article{grid-template-columns:1fr}.resource-lanes{grid-template-columns:repeat(2,1fr)}
    .footer-grid{grid-template-columns:repeat(2,1fr)}.footer-brand{grid-column:span 2}
}
@media (max-width:640px){
    .wrap{width:min(calc(100% - 28px),var(--wrap))}.section{padding:58px 0}
    .header-inner{width:calc(100% - 24px);gap:10px}.brand-mark{width:38px;height:38px}.header-actions{margin-left:auto}.search-open-button{min-width:38px;padding:0}.search-open-button .kbd-label{display:none}
    .hero-copy h1{font-size:3.6rem}.hero-lead{font-size:.97rem}.hero-search{grid-template-columns:auto 1fr}.hero-search button{grid-column:1 / -1;width:100%}.hero-metrics{grid-template-columns:repeat(2,1fr)}
    .hero-visual{min-height:310px}.hero-visual>.theme-placeholder{min-height:290px}.floating-chip{font-size:.68rem}.chip-a{right:2%}.chip-b{left:2%}
    .section-heading{display:block}.section-link{display:inline-block;margin-top:10px}.trend-ribbon,.mrds-grid,.poster-grid,.resource-mosaic,.garden-story-grid,.article-row,.editor-grid,.tri-feature-grid,.advantage-grid,.guide-steps,.feedback-grid,.mood-map,.tool-matrix,.doc-structure-grid,.bonsai-note-grid,.ranking-categories,.news-grid,.help-grid,.safety-grid,.contact-grid,.do-dont-grid{grid-template-columns:1fr}
    .category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-card{grid-template-columns:1fr;padding:10px}.category-card .theme-placeholder{min-height:95px}.category-card p{display:none}.mosaic-card,.mosaic-card.mosaic-featured{grid-column:auto;grid-template-columns:105px 1fr}.mosaic-featured .theme-placeholder{min-height:120px}
    .ai-picks{grid-template-columns:1fr}.ai-pick{grid-template-columns:105px 1fr}
    .garden-story{grid-template-columns:120px 1fr}.garden-story .theme-placeholder{min-height:120px}
    .page-hero h1{font-size:2.65rem}.cta-band .wrap{display:block}.cta-band .button{margin-top:18px}
    .result-card,.compact-results .result-card{grid-template-columns:100px 1fr}.result-card .theme-placeholder,.compact-results .result-card .theme-placeholder{min-height:100px}.result-body p{display:none}
    .page-search-form,.modal-search-form{grid-template-columns:auto 1fr}.page-search-form button,.modal-search-form button{grid-column:1/-1;width:100%}
    .rank-table-head,.rank-table a{grid-template-columns:48px 1fr}.rank-table-head span:last-child,.rank-table a small{display:none}
    .article-visual .theme-placeholder{min-height:260px}.garden-art-steps li{grid-template-columns:76px 1fr;gap:16px}.garden-art-steps>li>span{width:70px;height:70px;font-size:1.4rem}
    .learning-roadmap li,.help-steps li{grid-template-columns:52px 1fr;gap:14px;padding:16px}.resource-lanes{grid-template-columns:1fr}
    .footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}.footer-bottom{display:block}.footer-bottom p+p{margin-top:6px}
    .search-dialog{padding:20px;border-radius:20px}.search-modal{padding-top:7vh}.modal-shortcuts{font-size:.75rem}
}
@media (prefers-reduced-motion: reduce){
    html{scroll-behavior:auto}
    *,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important;scroll-behavior:auto !important}
    .reveal{opacity:1;transform:none}
}