:root{
  --paper:#F7F0E8;--deep:#E8DDD2;--panel:#FFF8F2;--soft:#F0E6DA;--ink:#161410;
  --text:#2A241C;--muted:#5A5044;--coral:#C45A4A;--moss:#5A7A48;--purple:#7A5A8A;
  --gold:#C49A3C;--teal:#3A7A72;--line:rgba(22,20,16,.12);--line2:rgba(196,90,74,.45);
  --shadow:0 12px 28px rgba(22,20,16,.08);--max:960px;
}
*{box-sizing:border-box}
html{background:var(--paper);scroll-behavior:smooth}
html.locked,body.locked{overflow:hidden}
body{margin:0;background:var(--paper);color:var(--text);font:15px/1.72 "PingFang SC","Microsoft YaHei",system-ui,-apple-system,sans-serif;overflow-x:hidden}
a{color:inherit;text-decoration:none} button,input{font:inherit} button{cursor:pointer} img{display:block;max-width:100%}
.shell{width:min(var(--max),calc(100% - 32px));margin:0 auto}
.site-header{position:fixed;inset:0 0 auto;z-index:70}
.top-strip{height:20px;background:var(--ink);color:var(--gold);font-size:12px}
.top-strip-inner{height:20px;display:flex;align-items:center;justify-content:space-between}
.top-search{height:20px;padding:0;border:0;background:transparent;color:var(--gold)}
.brand-row{height:54px;background:var(--panel);border-bottom:1px solid var(--line2)}
.brand-row-inner{height:54px;display:flex;align-items:center;justify-content:space-between}
.brand{min-height:44px;display:flex;align-items:center}
.brand-logo{height:24px;max-width:180px;object-fit:contain}.brand strong{font-size:16px}
.brand-actions{display:flex;align-items:center;gap:8px}
.app-link,.menu-open{height:42px;display:inline-flex;align-items:center;justify-content:center;padding:0 14px;border-radius:22px;font-size:14px}
.app-link{background:linear-gradient(135deg,var(--moss),var(--coral) 52%,var(--purple));color:var(--panel)}
.menu-open{background:var(--panel);border:1px solid var(--coral);color:var(--ink)}
.primary-nav{height:46px;background:var(--panel);border-bottom:1px solid var(--line)}
.primary-nav-inner{height:46px;display:flex;justify-content:center;gap:44px}
.primary-nav a{height:46px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:13px;color:var(--muted)}
.primary-nav i{width:20px;height:12px;border:1px solid var(--moss);border-radius:12px 12px 3px 3px}
.primary-nav a.active i{background:var(--coral);border-color:var(--coral)}
.site-main{padding-top:120px;min-height:70vh}
section.shell{padding:34px 0}
h1,h2,h3{margin:0 0 14px;color:var(--ink);font-weight:800}
h1{font-size:24px;line-height:1.3} h2{font-size:20px;line-height:1.42} h3{font-size:16px;line-height:1.5}
p{margin:0 0 14px}.lead{font-size:16px;color:var(--muted);max-width:780px}.eyebrow{margin-bottom:8px;color:var(--coral);font-size:12px;font-weight:800;letter-spacing:.17em}
.button{height:42px;display:inline-flex;align-items:center;justify-content:center;padding:0 18px;border-radius:22px;font-size:14px}
.primary{background:linear-gradient(135deg,var(--moss),var(--coral) 52%,var(--purple));color:var(--panel)}.secondary{background:var(--panel);border:1px solid var(--coral);color:var(--ink)}
.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.text-link{display:inline-flex;min-height:44px;align-items:center;color:var(--coral);font-weight:800}.text-link:after{content:"→";margin-left:8px}
a:hover,button:hover{opacity:.84}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid rgba(196,90,74,.30);outline-offset:2px}
.media-slot{background:var(--panel);border:1px solid var(--line);min-height:120px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:22px}
.media-slot img{width:100%;height:100%;object-fit:contain;object-position:center}
.hero{padding-top:52px!important}.hero-index{display:flex;gap:10px;align-items:center;font-size:12px;color:var(--coral);margin-bottom:28px}.hero-index i{height:1px;flex:1;background:var(--line2)}
.daily-feature{display:grid;grid-template-columns:1.15fr .85fr;background:var(--panel);border:1px solid var(--line2);border-radius:24px;padding:0!important;box-shadow:var(--shadow)}
.daily-copy{padding:30px}.daily-feature>.media-slot{min-height:270px;border:0;border-left:1px solid var(--line);border-radius:0 24px 24px 0}
.trend-section{display:grid;grid-template-columns:1fr 220px;gap:24px;align-items:center;background:var(--soft);border-radius:24px;padding-left:26px!important;padding-right:26px!important}
.trend-circle{width:180px;height:180px;border-radius:50%;padding:8px;background:linear-gradient(135deg,var(--moss),var(--coral),var(--purple));justify-self:center}.trend-circle .media-slot{height:164px;width:164px;border-radius:50%}
.trend-section>.button{grid-column:1/-1;justify-self:start}
.wander-section{border-left:6px solid var(--moss);padding-left:24px!important}
.wander-body{display:grid;grid-template-columns:.8fr 1.2fr;gap:18px;margin:18px 0}.wander-art .media-slot{height:240px}.wander-list{display:grid;gap:10px}.wander-list article{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:16px}
.lens-section{background:var(--deep);border-radius:24px}.lens-copy{max-width:760px;margin-left:auto}
.collection-section{background:var(--soft);border:1px solid var(--line);border-radius:24px}.collection-head{display:grid;grid-template-columns:1fr 240px;gap:20px;align-items:center}.collection-art{height:130px}
.collection-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.collection-grid a{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:18px;min-height:110px;display:flex;flex-direction:column}.collection-grid span{color:var(--muted);margin-top:6px}
.review-section,.progress-section{display:grid;grid-template-columns:1.2fr .8fr;gap:22px;align-items:center}.review-section>.media-slot,.progress-section>.media-slot{height:230px}
.progress-section{background:var(--panel);border:1px solid var(--line);border-radius:24px;padding-left:24px!important;padding-right:24px!important}
.progress-tags{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.progress-tags span{padding:5px 11px;border-radius:16px;font-size:13px;font-weight:800}.progress-tags span:nth-child(1){background:var(--moss);color:var(--panel)}.progress-tags span:nth-child(2){background:var(--gold)}.progress-tags span:nth-child(3){background:var(--soft);border:1px solid var(--coral)}
.app-section{display:grid;grid-template-columns:1fr 260px 1fr;gap:18px;align-items:center}.app-copy{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:22px}.app-media{display:flex;flex-direction:column;gap:14px;align-items:center}.app-art{height:300px;width:100%}.app-icon{width:90px;height:90px;min-height:90px}.app-icon img{width:48px;height:48px}
.reading-stack{display:grid;gap:12px}.reading-stack article{background:var(--panel);border-left:6px solid var(--moss);border-radius:20px;padding:20px}.reading-stack article:nth-child(2){border-color:var(--purple)}.reading-stack article:nth-child(3){border-color:var(--teal)}
.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}details{background:var(--panel);border:1px solid var(--line);border-radius:20px}summary{cursor:pointer;font-weight:800;color:var(--ink);min-height:48px;padding:15px 17px}details p{padding:0 17px 17px;margin:0;color:var(--muted)}
.brand-section{border-top:1px solid var(--line);margin-bottom:30px!important}
.page-intro{padding-top:52px!important}
.daily-list{display:grid;gap:16px;max-width:840px}.daily-item{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:22px}.daily-item.with-art{display:grid;grid-template-columns:250px 1fr;gap:20px}.daily-item .media-slot{height:210px}
.trend-hero,.review-hero,.progress-hero,.memo-hero,.lens-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:22px;align-items:center;padding-top:52px!important}.trend-hero .media-slot,.review-hero .media-slot,.progress-hero .media-slot,.memo-hero .media-slot,.lens-hero .media-slot{height:230px}
.trend-steps,.lens-list,.guide-steps{display:grid;gap:14px}.trend-steps article,.lens-list article,.guide-steps article{display:grid;grid-template-columns:62px 1fr;gap:18px;background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:21px}.trend-steps span,.lens-list b,.guide-steps span{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--purple);color:var(--panel)}
.wander-hero,.guide-hero,.topic-hero{padding-top:52px!important}.wander-pages{display:grid;gap:14px}.wander-pages article{display:grid;grid-template-columns:1fr 240px;gap:18px;background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:28px 20px 20px;position:relative}.wander-pages article:not(:first-child){grid-template-columns:1fr}.shape{position:absolute;top:-14px;left:28px;width:80px;height:30px;border-radius:50% 50% 15px 15px;background:var(--coral)}.shape.moss{background:var(--moss)}.shape.purple{background:var(--purple)}.shape.gold{background:var(--gold)}.wander-pages .media-slot{height:190px}
.review-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:start}.review-columns article{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:22px}.review-columns article:nth-child(2){margin-top:24px}.review-columns article:nth-child(3){margin-top:48px}.review-columns span,.topic-stack em{display:inline-block;background:var(--coral);color:var(--panel);padding:4px 10px;border-radius:14px;margin-bottom:12px;font-style:normal}
.progress-board{display:grid;gap:12px}.progress-board article{display:grid;grid-template-columns:150px 1fr;gap:20px;background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:22px}.state{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:5px 10px;border-radius:16px;font-weight:800}.state.done{background:var(--moss);color:var(--panel)}.state.working{background:var(--gold)}.state.pending{background:var(--soft);border:1px solid var(--coral)}
.memo-grid,.service-grid,.policy-list,.help-grid,.contact-grid,.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.memo-grid article,.service-grid article,.policy-list article,.help-grid article,.contact-grid article,.about-grid article{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:22px}
.topic-stack{display:grid;gap:14px}.topic-stack article{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:24px}.topic-stack article:nth-child(even){margin-left:7%}.topic-stack article:nth-child(odd){margin-right:7%}
.category-hero{display:flex;justify-content:center;padding-top:52px!important}.category-card{max-width:760px;background:var(--panel);border:1px solid var(--line2);border-radius:24px;padding:28px;text-align:center;box-shadow:var(--shadow)}.category-card .media-slot{height:210px;margin-bottom:20px}
.category-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.category-grid a{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:22px;min-height:130px;display:flex;flex-direction:column}.category-grid span{color:var(--muted);margin-top:8px}
.app-page{display:grid;grid-template-columns:1fr 260px 1fr;gap:18px;align-items:center;padding-top:52px!important}.app-page .app-copy{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:22px}.app-media-wrap{display:flex;flex-direction:column;gap:14px;align-items:center}
.policy-list{max-width:850px}.help-grid article:last-child{grid-column:1/-1;max-width:70%;justify-self:center}.faq-list{display:grid;gap:12px;max-width:850px}.faq-list details p{line-height:1.82}
.about-hero{padding-top:52px!important}.about-banner{height:200px}.about-title{max-width:790px;margin:22px auto 0}.about-image{height:240px}
.site-footer{background:var(--ink);color:var(--paper);border-top:1px solid var(--gold);padding:34px 0 18px;font-size:13px}.footer-brand{display:flex;align-items:center;gap:10px;margin-bottom:12px}.footer-brand img{height:24px;max-width:170px;object-fit:contain}.footer-brand span{color:var(--gold)}.footer-note{max-width:760px;color:#ded3c8}
.footer-groups{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:24px 0}.footer-groups h2{font-size:13px;color:var(--gold);margin-bottom:8px}.footer-groups a{display:block;min-height:30px}.footer-bottom{border-top:1px solid rgba(196,154,60,.35);padding-top:14px;display:flex;gap:14px;flex-wrap:wrap;color:#ded3c8}.footer-bottom a{color:var(--gold)}
.site-menu{position:fixed;z-index:95;left:50%;top:72px;width:290px;max-height:350px;overflow:auto;background:var(--panel);border:1px solid var(--line2);border-radius:0 0 22px 22px;box-shadow:var(--shadow);transform:translate(-50%,-24px);opacity:0;visibility:hidden;pointer-events:none;transition:.2s ease}.site-menu.open{transform:translate(-50%,0);opacity:1;visibility:visible;pointer-events:auto}
.menu-head{position:sticky;top:0;z-index:2;background:var(--panel);display:flex;justify-content:space-between;align-items:center;padding:12px;border-bottom:1px solid var(--line)}.menu-brand{display:flex;align-items:center;gap:8px}.menu-brand img{height:24px;max-width:150px;object-fit:contain}.close-btn{height:42px;padding:0 12px;border:1px solid var(--coral);background:var(--panel);border-radius:20px;color:var(--ink)}
.menu-body{padding:12px}.menu-body section{margin-bottom:16px}.menu-body h2{font-size:13px;color:var(--coral);margin-bottom:6px;padding-bottom:5px;border-bottom:1px solid var(--line)}.menu-body a{display:grid;grid-template-columns:88px 1fr;gap:8px;padding:7px 0;min-height:44px}.menu-body span{font-size:12px;color:var(--muted)}
.search-layer{position:fixed;z-index:96;left:50%;top:74px;width:min(var(--max),calc(100% - 32px));transform:translate(-50%,-16px);opacity:0;visibility:hidden;pointer-events:none;transition:.18s ease}.search-layer.open{transform:translate(-50%,0);opacity:1;visibility:visible;pointer-events:auto}.search-card{background:var(--panel);border:1px solid var(--line2);border-radius:22px;box-shadow:var(--shadow);padding:18px}.search-head{display:flex;justify-content:space-between;gap:16px}.search-head p{margin:2px 0;color:var(--muted)}.search-card input{width:100%;height:44px;margin-top:14px;padding:0 12px;border:1px solid var(--coral);border-radius:22px;background:#fffdf9;color:var(--ink)}.search-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.search-links a{min-height:42px;display:flex;align-items:center;padding:0 13px;background:var(--soft);border:1px solid var(--line);border-radius:20px}
.overlay{position:fixed;inset:0;z-index:85;background:rgba(22,20,16,.44);opacity:0;visibility:hidden;pointer-events:none;transition:.18s ease}.overlay.open{opacity:1;visibility:visible;pointer-events:auto}
.mobile-bottom{display:none}
@media(max-width:760px){
  .primary-nav{display:none}.site-main{padding-top:74px;padding-bottom:62px}
  .daily-feature,.trend-section,.wander-body,.review-section,.progress-section,.trend-hero,.review-hero,.progress-hero,.memo-hero,.lens-hero,.app-page{grid-template-columns:1fr}
  .daily-feature>.media-slot{border-left:0;border-top:1px solid var(--line);border-radius:0 0 24px 24px}
  .trend-circle{margin:0 auto}
  .collection-grid,.review-columns,.memo-grid,.service-grid,.policy-list,.help-grid,.contact-grid,.category-grid,.about-grid,.faq-grid{grid-template-columns:1fr}
  .collection-head{grid-template-columns:1fr}
  .app-section{grid-template-columns:1fr}.app-media{order:2}
  .daily-item.with-art{grid-template-columns:1fr}
  .wander-pages article,.wander-pages article:not(:first-child){grid-template-columns:1fr}
  .review-columns article:nth-child(2),.review-columns article:nth-child(3),.topic-stack article:nth-child(even),.topic-stack article:nth-child(odd){margin:0}
  .progress-board article{grid-template-columns:1fr}
  .app-page{grid-template-columns:1fr}
  .help-grid article:last-child{grid-column:auto;max-width:none}
  .site-menu{top:74px;width:88%;max-height:72vh}
  .search-layer{inset:0;left:0;top:0;width:100%;height:100%;transform:none;background:var(--ink);padding:16px}.search-layer.open{transform:none}
  .search-card{height:100%;overflow:auto;background:var(--ink);color:var(--gold);border-color:var(--gold)}.search-head p{color:var(--gold)}.search-layer .close-btn{background:var(--ink);color:var(--gold);border-color:var(--gold)}.search-card input{background:#29251f;color:var(--paper);border-color:var(--coral)}.search-links a{background:#29251f;color:var(--paper);border-color:var(--purple)}
  .footer-groups{grid-template-columns:1fr 1fr}
  .mobile-bottom{position:fixed;z-index:75;left:0;right:0;bottom:0;height:calc(48px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);display:grid;grid-template-columns:repeat(4,1fr);background:var(--panel);border-top:1px solid var(--line)}.mobile-bottom a{display:flex;align-items:center;justify-content:center;min-height:48px;font-size:13px}.mobile-bottom a.active{background:var(--coral);color:var(--panel);font-weight:800}
}
@media(max-width:420px){.app-link,.menu-open{padding:0 10px;font-size:13px}h1{font-size:22px}.hero-index{gap:7px}}