:root{
  --ink:#7b523e;
  --muted:#9a7a69;
  --cream:#fffaf2;
  --cream2:#fffdf9;
  --bg:#FEE8EF;
  --theme:#efb7cf;
  --theme-dark:#d790ae;
  --theme-soft:#f9dce8;
  --accent2:#FCDFBA;
  --accent3:#D2E9D9;
  --accent4:#D5E4F6;
  --panel:rgba(255,250,244,.64);
  --panel-strong:rgba(255,252,248,.90);
  --line:rgba(123,82,62,.14);
  --shadow:0 16px 42px rgba(123,82,62,.10);
}
:root[data-theme="yellow"]{--bg:#FCDFBA;--theme:#efc65f;--theme-dark:#d59c34;--theme-soft:#fae7ac;--accent2:#FEE8EF;--accent3:#D2E9D9;--accent4:#D5E4F6}
:root[data-theme="pink"]{--bg:#FEE8EF;--theme:#efb7cf;--theme-dark:#d790ae;--theme-soft:#f9dce8;--accent2:#FCDFBA;--accent3:#D2E9D9;--accent4:#D5E4F6}
:root[data-theme="mint"]{--bg:#D2E9D9;--theme:#a8d4bf;--theme-dark:#76ad92;--theme-soft:#e4f2ea;--accent2:#FCDFBA;--accent3:#FEE8EF;--accent4:#D5E4F6}
:root[data-theme="blue"]{--bg:#D5E4F6;--theme:#9ed3ea;--theme-dark:#6caac8;--theme-soft:#e3f1f8;--accent2:#FCDFBA;--accent3:#FEE8EF;--accent4:#D2E9D9}
:root[data-theme="lavender"]{--bg:#F1D7F5;--theme:#cbb7ee;--theme-dark:#9f83d2;--theme-soft:#efe5fa;--accent2:#FCDFBA;--accent3:#D2E9D9;--accent4:#FEE8EF}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--bg);overflow-x:hidden;transition:background .25s ease}
button,input,select{font:inherit;color:inherit}
button{cursor:pointer}
[hidden]{display:none!important}

/* 只保留用户认可的动态猫头底纹 */
.moving-pattern{position:fixed;z-index:0;inset:-220px -360px;background:url('assets/pattern-fill.png') repeat;background-size:360px 198px;opacity:.76;pointer-events:none;animation:catDrift 25s linear infinite;will-change:background-position}
@keyframes catDrift{from{background-position:0 0}to{background-position:360px 198px}}

/* ---------------- 顶棚：整个顶部本体就是遮阳棚 ---------------- */
.roof-header{position:sticky;top:0;z-index:80;padding-bottom:70px;filter:drop-shadow(0 8px 14px rgba(123,82,62,.08))}
.roof-body{position:relative;z-index:2;background:repeating-linear-gradient(90deg,var(--theme) 0 6.25vw,var(--cream2) 6.25vw 12.5vw);border-bottom:0;transition:background .25s ease}
.roof-inner{max-width:1280px;margin:0 auto;min-height:94px;padding:13px 20px 15px;display:flex;align-items:center;gap:16px}
.roof-highlight{display:none}
.roof-valance{position:absolute;left:0;right:0;top:94px;height:76px;display:flex;align-items:flex-start;overflow:hidden;z-index:1}
.roof-valance .flap{flex:1 1 0;min-width:70px;background:var(--cream2);height:58px;border-radius:0 0 44px 44px;box-shadow:inset 0 -2px 0 rgba(123,82,62,.03);transition:background .25s ease}
.roof-valance .flap:nth-child(odd){background:var(--theme)}
.brand{border:0;background:rgba(255,253,249,.82);padding:7px 13px 7px 8px;border-radius:24px;display:flex;align-items:center;gap:10px;min-width:252px;text-align:left;box-shadow:inset 0 0 0 1px rgba(123,82,62,.09)}
.brand img{width:64px;height:49px;object-fit:contain}.brand-copy{display:flex;flex-direction:column;line-height:1.16}.brand-copy b{font-size:16px}.brand-copy small{font-size:9px;color:var(--muted);margin-top:4px;letter-spacing:.07em}
.search-wrap{flex:1;min-width:0;position:relative}.search-wrap input{width:100%;height:48px;border:1.5px solid rgba(123,82,62,.13);border-radius:22px;background:rgba(255,253,249,.92);padding:0 44px 0 18px;outline:0}.search-wrap input:focus{border-color:var(--theme-dark);box-shadow:0 0 0 4px color-mix(in srgb,var(--theme) 24%,transparent)}.search-icon{position:absolute;right:16px;top:9px;font-size:21px;color:var(--muted)}
.search-panel{display:none;position:absolute;left:0;right:0;top:54px;z-index:100;background:rgba(255,253,249,.98);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);overflow:hidden}.search-panel.show{display:block}.search-result{width:100%;border:0;background:transparent;text-align:left;padding:11px 15px;display:flex;flex-direction:column;border-bottom:1px dashed rgba(123,82,62,.13)}.search-result:hover{background:var(--theme-soft)}.search-result b{font-size:13px}.search-result span{font-size:10px;color:var(--muted);margin-top:2px}.search-empty{padding:14px;font-size:12px;color:var(--muted)}
.header-tools{display:flex;align-items:center;gap:8px}.theme-dots{display:flex;gap:5px;padding:5px 7px;border-radius:999px;background:rgba(255,253,249,.88);box-shadow:inset 0 0 0 1px rgba(123,82,62,.12)}.theme-dots button{width:16px;height:16px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px rgba(123,82,62,.16);padding:0}.theme-dots button[data-theme="yellow"]{background:#FCDFBA}.theme-dots button[data-theme="pink"]{background:#FEE8EF}.theme-dots button[data-theme="mint"]{background:#D2E9D9}.theme-dots button[data-theme="blue"]{background:#D5E4F6}.theme-dots button[data-theme="lavender"]{background:#F1D7F5}.theme-dots button.active{box-shadow:0 0 0 2px var(--ink)}
.header-tools select,.music-btn{height:40px;border:1px solid rgba(123,82,62,.13);border-radius:14px;background:rgba(255,253,249,.90);padding:0 10px;font-size:11px}.music-btn.on{background:var(--accent3)}

.page-main{position:relative;z-index:2;width:100%;max-width:1280px;margin:0 auto;padding:4px 18px 54px;flex:1 0 auto}.site-footer{position:relative;z-index:2;text-align:center;padding:10px 0 30px;color:var(--muted);font-size:10px}

/* ---------------- 欢迎区：直接使用用户画的云和彩虹 ---------------- */
.hero-world{position:relative;min-height:620px;margin:0 auto 24px;overflow:hidden}
.hero-rainbow{position:absolute;z-index:1;left:50%;top:24px;width:min(1040px,88vw);transform:translateX(-50%);pointer-events:none}
.hero-cloud{position:absolute;z-index:3;pointer-events:none;user-select:none}
.hero-cloud.left{width:440px;left:-22px;top:245px}
.hero-cloud.right{width:480px;right:-28px;top:260px}
.hero-cloud.back{z-index:2;width:420px;right:110px;top:210px;opacity:.86}
.hero-copy{position:relative;z-index:4;max-width:850px;margin:0 auto;padding:44px 35px 0;text-align:center}
.hero-logo{display:block;width:min(390px,64vw);height:auto;margin:0 auto -12px;object-fit:contain}
.hero-kicker{font-size:11px;font-weight:900;letter-spacing:.16em;margin-top:0;color:var(--muted)}
.hero-copy h1{font-size:34px;line-height:1.2;margin:8px 0 8px}.hero-copy p{max-width:720px;margin:0 auto;font-size:13px;color:var(--muted);line-height:1.8}
.hero-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:18px}.platform-ticket,.hero-ticket{border:1px solid rgba(123,82,62,.10);background:rgba(255,248,213,.90);border-radius:24px;padding:11px 16px;min-width:200px;box-shadow:0 7px 20px rgba(123,82,62,.06)}.platform-ticket b,.hero-ticket b{display:block;font-size:13px}.platform-ticket span,.hero-ticket span{display:block;font-size:10px;color:var(--muted);margin-top:3px}

/* ---------------- 用户 PSD 场景：不再由网页猜家具怎么摆 ---------------- */
.scene-section{margin:4px 0 28px}
.scene-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;margin:0 22px 12px}.scene-heading .eyebrow{font-size:10px;letter-spacing:.15em;font-weight:900;color:var(--muted)}.scene-heading h2{margin:2px 0 0;font-size:25px}.scene-heading p{max-width:440px;margin:0;font-size:11px;color:var(--muted);text-align:right}
.shop-scene-composite{position:relative;border-radius:34px;overflow:hidden;border:6px solid rgba(255,253,249,.82);box-shadow:var(--shadow);background:rgba(255,253,249,.38)}
.shop-scene-composite img{display:block;width:100%;height:auto}
.scene-links{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:14px 0 0}.scene-links button{border:1px solid rgba(123,82,62,.10);background:rgba(255,253,249,.82);padding:9px 13px;border-radius:999px;font-size:11px}.scene-links button:hover{background:var(--theme-soft)}

/* ---------------- 首页攻略入口 ---------------- */
.guide-area{margin:34px 0 24px}.guide-title{text-align:center;margin-bottom:14px}.guide-title small{font-size:10px;letter-spacing:.16em;font-weight:900;color:var(--muted)}.guide-title h2{font-size:25px;margin:3px 0}.guide-title p{font-size:11px;color:var(--muted);margin:0}.guide-clouds{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.guide-card{position:relative;border:1px solid rgba(123,82,62,.10);background:rgba(255,253,249,.72);border-radius:28px;padding:18px 20px;text-align:left;min-height:120px;box-shadow:0 10px 25px rgba(123,82,62,.07)}.guide-card:nth-child(3n+1){background:color-mix(in srgb,var(--theme-soft) 52%,rgba(255,253,249,.84))}.guide-card:nth-child(3n+2){background:color-mix(in srgb,var(--accent3) 45%,rgba(255,253,249,.84))}.guide-card:nth-child(3n){background:color-mix(in srgb,var(--accent2) 48%,rgba(255,253,249,.84))}.guide-card b{font-size:15px}.guide-card p{font-size:11px;color:var(--muted);margin:8px 28px 0 0}.guide-card .arrow{position:absolute;right:18px;top:50%;transform:translateY(-50%);font-size:26px}
.home-board-row{display:grid;grid-template-columns:1.25fr .75fr;gap:14px;margin-top:18px}.home-board{background:rgba(255,253,249,.70);border:1px solid rgba(123,82,62,.10);border-radius:28px;padding:18px 20px;box-shadow:0 10px 24px rgba(123,82,62,.06)}.home-board h3{font-size:15px;margin:0 0 10px}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.quick-link{border:0;background:transparent;text-align:left;padding:8px;border-radius:12px;font-size:11px}.quick-link:hover{background:var(--theme-soft)}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stat-pill{padding:13px 8px;border-radius:18px;background:rgba(255,255,255,.55);text-align:center}.stat-pill b{display:block;font-size:20px}.stat-pill span{display:block;font-size:9px;color:var(--muted);margin-top:2px}

/* ---------------- 内页 ---------------- */
.article-view{padding-top:6px}.article-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:16px;align-items:start}.article-nav{position:sticky;top:182px;background:rgba(255,253,249,.63);border:1px solid rgba(123,82,62,.11);border-radius:28px;padding:13px;box-shadow:var(--shadow);backdrop-filter:blur(12px)}.nav-home,.nav-item{width:100%;border:0;background:transparent;border-radius:13px;padding:8px 9px;text-align:left;font-size:11px}.nav-home{background:var(--theme-soft);font-weight:800;margin-bottom:9px}.nav-group-title{font-size:10px;font-weight:900;color:var(--muted);padding:11px 8px 5px;border-top:1px dashed rgba(123,82,62,.13)}.nav-item{display:flex;justify-content:space-between;gap:8px}.nav-item.active,.nav-item:hover{background:rgba(255,255,255,.56)}.nav-item small{color:var(--muted)}
.article-paper{background:rgba(255,253,249,.82);border:1px solid rgba(123,82,62,.10);border-radius:30px;padding:25px 28px;box-shadow:var(--shadow)}.article-header{display:flex;justify-content:space-between;gap:18px;align-items:start;padding-bottom:16px;border-bottom:2px solid var(--theme-soft)}.article-kicker{font-size:10px;color:var(--muted);font-weight:800}.article-header h1{font-size:28px;line-height:1.2;margin:5px 0 6px}.article-lead{margin:0;font-size:12px;color:var(--muted)}.back-btn{border:1px solid rgba(123,82,62,.12);background:#fffdf9;border-radius:13px;padding:8px 11px;font-size:11px}.topic{padding:20px 2px 18px;border-bottom:1px dashed rgba(123,82,62,.17);scroll-margin-top:190px}.topic:last-child{border-bottom:0}.topic h2{font-size:18px;margin:0 0 8px}.topic-summary{font-size:13px;font-weight:700;margin:0 0 7px}.topic-detail{font-size:13px;color:var(--muted);margin:0}.topic-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.topic-tags span{font-size:9px;padding:4px 7px;border-radius:999px;background:var(--theme-soft)}.tutorial-list{display:grid;gap:9px}.tutorial-step{padding:12px 14px;border-radius:15px;background:rgba(255,255,255,.5)}.tutorial-step b{font-size:12px}.tutorial-step p{font-size:11px;color:var(--muted);margin:4px 0}.tutorial-step small{font-size:9px;color:var(--muted)}

@media(max-width:1040px){
  .brand{min-width:210px}.brand-copy small{display:none}.header-tools .theme-dots{display:none}.header-tools select{max-width:145px}
  .hero-world{min-height:560px}.hero-cloud.left{width:350px;left:-75px}.hero-cloud.right{width:390px;right:-70px}.hero-cloud.back{width:350px;right:40px}.hero-logo{width:min(350px,64vw)}
  .guide-clouds{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
  .roof-header{padding-bottom:48px}.roof-inner{min-height:112px;flex-wrap:wrap;gap:8px;padding:10px 12px}.roof-valance{top:112px;height:52px}.roof-valance .flap{min-width:40px;height:42px!important;border-radius:0 0 28px 28px}.brand{min-width:0}.brand img{width:50px;height:39px}.brand-copy b{font-size:14px}.search-wrap{order:3;flex-basis:100%}.header-tools{margin-left:auto}.header-tools select{display:none}.page-main{padding:0 10px 32px}
  .hero-world{min-height:560px}.hero-rainbow{top:52px;width:860px}.hero-copy{padding:38px 14px 0}.hero-logo{width:280px}.hero-copy h1{font-size:25px}.hero-cloud.left{width:310px;left:-120px;top:280px}.hero-cloud.right{width:330px;right:-120px;top:295px}.hero-cloud.back{width:300px;right:-20px;top:250px}.hero-actions{gap:8px}.platform-ticket,.hero-ticket{min-width:145px;padding:9px 10px}
  .scene-heading{display:block;margin:0 10px 10px}.scene-heading p{text-align:left;margin-top:6px}.shop-scene-composite{border-width:4px;border-radius:24px}.scene-links{gap:7px}.scene-links button{font-size:10px;padding:8px 10px}
  .guide-clouds{grid-template-columns:1fr}.home-board-row{grid-template-columns:1fr}.quick-grid{grid-template-columns:1fr}.article-layout{display:block}.article-nav{position:relative;top:auto;margin-bottom:10px}.article-paper{padding:18px}.article-header h1{font-size:23px}
}

/* ================= V7 homepage visual system ================= */
/* canopy: perfectly even striped valance; all panels share identical height */
.roof-header{padding-bottom:66px}
.roof-body{background:repeating-linear-gradient(90deg,var(--theme) 0 6.25vw,var(--cream2) 6.25vw 12.5vw)}
.roof-valance{top:94px;height:72px;align-items:flex-start}
.roof-valance .flap{height:58px!important;border-radius:0 0 42px 42px;transform:none!important;margin:0!important}
.roof-valance .flap:nth-child(odd){background:var(--theme)}
.roof-valance .flap:nth-child(even){background:var(--cream2)}

/* hero: user-drawn rainbow behind user-drawn clouds; cloud faces included */
.hero-world{min-height:610px;margin-bottom:18px;overflow:visible}
.hero-rainbow{top:24px;width:min(1020px,86vw);z-index:1}
.hero-cloud-wrap{position:absolute;z-index:3;pointer-events:none;will-change:transform}
.hero-cloud-wrap .hero-cloud{position:static;width:100%;display:block}
.cloud-left-wrap{width:390px;left:-8px;top:240px;animation:cloudFloatLeft 6.8s ease-in-out infinite}
.cloud-right-wrap{width:430px;right:-15px;top:252px;animation:cloudFloatRight 7.6s ease-in-out infinite}
.cloud-back-wrap{width:350px;right:170px;top:208px;z-index:2;opacity:.86;animation:cloudFloatBack 8.5s ease-in-out infinite}
.cloud-face{position:absolute;object-fit:contain;filter:drop-shadow(0 2px 0 rgba(123,82,62,.08))}
.cloud-face.afu{width:118px;left:64px;top:22px}
.cloud-face.fugui{width:132px;right:78px;top:18px}
@keyframes cloudFloatLeft{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes cloudFloatRight{0%,100%{transform:translateY(-2px)}50%{transform:translateY(7px)}}
@keyframes cloudFloatBack{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
.hero-copy{padding-top:32px;max-width:900px}.hero-logo{width:min(470px,68vw);margin-bottom:-12px}.hero-copy h1{font-size:35px}

/* PSD scene: use the user's finished composite as a completely static scene */
.shop-scene-composite{position:relative;border-radius:34px;overflow:hidden;border:6px solid rgba(255,253,249,.84);box-shadow:var(--shadow);background:#ead2ff}
.shop-scene-composite img{display:block;width:100%;height:auto}

/* shared two-frame sprites */
.sprite-pair{position:relative;display:inline-block;width:100%;height:100%}.sprite-pair img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.sprite-pair .frame-b{opacity:0;animation:guideFrame 1.7s steps(1,end) infinite}.sprite-pair .frame-a{animation:guideFrameA 1.7s steps(1,end) infinite}.delay-0 .frame-a,.delay-0 .frame-b{animation-delay:-.2s}.delay-1 .frame-a,.delay-1 .frame-b{animation-delay:-.7s}.delay-2 .frame-a,.delay-2 .frame-b{animation-delay:-1.1s}.delay-3 .frame-a,.delay-3 .frame-b{animation-delay:-.4s}.delay-4 .frame-a,.delay-4 .frame-b{animation-delay:-1.35s}.delay-5 .frame-a,.delay-5 .frame-b{animation-delay:-.9s}
@keyframes guideFrame{0%,55%{opacity:0}56%,100%{opacity:1}}@keyframes guideFrameA{0%,55%{opacity:1}56%,100%{opacity:0}}

/* news: compact pinned-paper list; images belong inside article bodies, not the homepage index */
.news-section{position:relative;margin:46px 0 52px;padding-top:8px}
.section-ribbon{display:inline-flex;align-items:center;gap:9px;background:var(--theme);color:var(--ink);border-radius:0 18px 18px 0;padding:10px 24px 10px 28px;margin-left:-18px;box-shadow:0 7px 18px rgba(123,82,62,.08)}.section-ribbon span{font-weight:900;font-size:15px}.section-ribbon small{font-size:9px;letter-spacing:.12em;color:var(--muted)}
.news-heading{text-align:center;margin:0 0 22px}.news-heading h2{font-size:27px;margin:3px 0}.news-heading p{font-size:11px;color:var(--muted);margin:0}
.news-board{position:relative;max-width:980px;margin:0 auto;background:rgba(255,253,249,.95);padding:34px 34px 22px;border:0;box-shadow:7px 8px 0 rgba(123,82,62,.14);clip-path:polygon(0 0,96% 0,100% 13%,100% 100%,0 100%)}
.pushpin{position:absolute;width:15px;height:15px;border-radius:50%;background:#ef6f8d;border:3px solid #6d4939;top:11px;z-index:2;box-shadow:0 5px 0 -2px #6d4939}.pushpin.pin-left{left:38px}.pushpin.pin-right{right:52px}
.news-list{border-top:2px dashed rgba(123,82,62,.17)}
.news-row{width:100%;border:0;border-bottom:2px dashed rgba(123,82,62,.16);background:transparent;display:grid;grid-template-columns:92px 64px minmax(0,1fr) 24px;align-items:center;gap:12px;padding:16px 8px;text-align:left;transition:background .15s ease,transform .15s ease}.news-row:hover{background:color-mix(in srgb,var(--theme-soft) 52%,transparent);}
.news-row time{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.news-tag{display:inline-flex;align-items:center;justify-content:center;min-height:26px;padding:3px 8px;border-radius:999px;background:var(--theme-soft);font-size:10px;font-weight:800}.news-row b{font-size:14px;line-height:1.45}.news-arrow{font-size:25px;color:var(--theme-dark);text-align:right}

/* character guide atlas inspired by the user's mockup */
.atlas-section{margin:20px 0 48px}.atlas-title-line{display:flex;align-items:center;justify-content:center;gap:18px;margin-bottom:24px}.atlas-title-line>div{text-align:center}.atlas-title-line small{font-size:9px;letter-spacing:.18em;color:var(--muted);font-weight:900}.atlas-title-line h2{font-size:28px;margin:0}.cat-mark{font-size:17px;letter-spacing:.15em;color:var(--theme-dark);opacity:.7}
.atlas-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px 50px;max-width:1040px;margin:auto}.atlas-item{border:0;background:transparent;text-align:center;padding:0}.atlas-circle{display:block;position:relative;width:240px;height:240px;max-width:100%;aspect-ratio:1;margin:0 auto;border-radius:50%;border:5px solid rgba(255,253,249,.9);overflow:visible;box-shadow:0 8px 20px rgba(123,82,62,.06)}.atlas-circle .sprite-pair{width:88%;height:88%;position:absolute;left:6%;top:6%}
.atlas-item:nth-child(2) .atlas-circle .sprite-pair{transform:translateX(12px)}
.stripe-pink{background:repeating-linear-gradient(135deg,#f5c8e9 0 10px,#fff0fb 10px 20px)}.stripe-yellow{background:repeating-linear-gradient(135deg,#f6dea3 0 10px,#fff6d9 10px 20px)}.stripe-mint{background:repeating-linear-gradient(135deg,#cae8c9 0 10px,#f0fbef 10px 20px)}.stripe-blue{background:repeating-linear-gradient(135deg,#c9e7f9 0 10px,#eff9ff 10px 20px)}.stripe-lavender{background:repeating-linear-gradient(135deg,#e0c6f5 0 10px,#f8eeff 10px 20px)}.stripe-cyan{background:repeating-linear-gradient(135deg,#bfe8ed 0 10px,#ecfbfd 10px 20px)}
.atlas-label{display:inline-block;position:relative;margin-top:-14px;padding:7px 18px;border-radius:999px;font-size:17px;font-weight:900;box-shadow:0 5px 14px rgba(123,82,62,.05)}.tone-pink .atlas-label{background:#fae19c}.tone-yellow .atlas-label{background:#aee6fb}.tone-mint .atlas-label{background:#d6b1f1}.tone-blue .atlas-label{background:#bfe5f8}.tone-lavender .atlas-label{background:#efd6f5}.tone-cyan .atlas-label{background:#c6edf2}.atlas-item small{display:block;max-width:250px;margin:9px auto 0;font-size:10px;color:var(--muted);line-height:1.55}.atlas-item:hover .atlas-circle{transform:translateY(-4px)}

/* remove old homepage blocks from layout concerns */
.guide-area,.home-board-row,.scene-links{display:none!important}

@media(max-width:1040px){.atlas-circle{width:200px;height:200px}.cloud-left-wrap{left:-70px}.cloud-right-wrap{right:-75px}}
@media(max-width:640px){
 .roof-header{padding-bottom:48px}.roof-valance{top:112px;height:50px}.roof-valance .flap{min-width:40px;height:40px!important}
 .hero-world{min-height:540px}.hero-rainbow{top:65px;width:760px}.hero-copy{padding-top:34px}.hero-logo{width:300px}.cloud-left-wrap{width:250px;left:-100px;top:285px}.cloud-right-wrap{width:270px;right:-105px;top:300px}.cloud-back-wrap{width:230px;right:-25px;top:260px}.cloud-face.afu{width:75px;left:48px}.cloud-face.fugui{width:82px;right:52px}
 .scene-heading{display:block}.scene-heading p{text-align:left}.shop-scene-composite{border-radius:24px;border-width:4px}
 .news-board{padding:30px 18px 15px}.news-row{grid-template-columns:76px 54px minmax(0,1fr) 18px;gap:8px;padding:13px 4px}.news-row b{font-size:12px}.news-tag{font-size:9px}.pushpin.pin-left{left:24px}.pushpin.pin-right{right:34px}
 .atlas-grid{grid-template-columns:repeat(2,1fr);gap:26px 18px}.atlas-circle{width:155px;height:155px}.atlas-label{font-size:14px;padding:6px 12px}.atlas-item small{font-size:9px}
}

/* ================= V9 targeted refinements ================= */
/* One continuous striped awning: each stripe is a single full-height element with its own round bottom. */
.roof-header{position:sticky;top:0;z-index:80;padding-bottom:58px;filter:drop-shadow(0 8px 14px rgba(123,82,62,.08))}
.roof-stripes{position:absolute;z-index:0;left:0;right:0;top:0;height:152px;display:flex;overflow:visible;pointer-events:none}
.roof-stripes span{flex:1 1 6.25%;height:152px;background:var(--cream2);border-radius:0 0 42px 42px;transition:background .25s ease}
.roof-stripes span:nth-child(odd){background:var(--theme)}
.roof-body{position:relative;z-index:2;background:transparent!important}
.roof-inner{position:relative;z-index:3}
.roof-valance{display:none!important}

/* Hero entrances: soft neutral/pastel surfaces instead of yellow pills. */
.hero-actions{align-items:stretch}
.platform-ticket,.hero-ticket{display:flex;align-items:center;justify-content:center;gap:10px;min-width:215px;min-height:60px;padding:9px 16px;border:1px solid rgba(123,82,62,.10);box-shadow:0 7px 20px rgba(123,82,62,.06);text-align:left}
.platform-ticket{background:rgba(255,253,249,.92)}
.platform-wechat{background:rgba(236,248,239,.94)}
.platform-douyin{background:rgba(238,247,250,.94)}
.beginner-ticket{background:rgba(244,238,252,.95)}
.ticket-icon{display:block;width:35px;height:35px;object-fit:contain;flex:0 0 35px}
.beginner-icon{width:38px;height:38px;flex-basis:38px}
.ticket-copy{display:flex;flex-direction:column;min-width:0}
.platform-ticket b,.hero-ticket b{font-size:13px;line-height:1.15}
.platform-ticket .ticket-copy>span,.hero-ticket .ticket-copy>span{font-size:10px;color:var(--muted);margin-top:4px;white-space:nowrap}

/* Remove internal production notes from the public-facing section headings. */
.scene-heading{align-items:end}
.news-heading{margin-bottom:20px}
.news-heading h2{margin-bottom:0}

@media(max-width:640px){
  .roof-header{padding-bottom:42px}
  .roof-stripes{height:154px}
  .roof-stripes span{height:154px;border-radius:0 0 30px 30px}
  .platform-ticket,.hero-ticket{min-width:158px;min-height:54px;padding:8px 10px;gap:7px}
  .ticket-icon{width:29px;height:29px;flex-basis:29px}.beginner-icon{width:31px;height:31px;flex-basis:31px}
  .platform-ticket .ticket-copy>span,.hero-ticket .ticket-copy>span{white-space:normal}
}

/* ================= V11 social + cloud footer finishing ================= */
.social-section{position:relative;margin:46px auto 2px;max-width:920px;padding:0 18px;background:none;border:0;border-radius:0;box-shadow:none;backdrop-filter:none}
.social-section:before,.social-section:after{display:none}
.social-heading{text-align:center;margin-bottom:14px}.social-eyebrow{font-size:8px;letter-spacing:.18em;font-weight:900;color:var(--muted)}.social-heading h2{font-size:21px;margin:2px 0 4px}.social-heading p{margin:0;color:var(--muted);font-size:10px}
.social-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.social-card{display:flex;align-items:center;justify-content:center;gap:9px;min-height:58px;padding:9px 12px;border-radius:18px;border:1px solid rgba(123,82,62,.09);box-shadow:0 5px 13px rgba(123,82,62,.035)}
.social-douyin{background:rgba(238,247,250,.76)}.social-wechat{background:rgba(236,248,239,.80)}.social-redbook{background:rgba(255,241,243,.78)}
.social-icon-wrap{width:36px;height:36px;flex:0 0 36px;border-radius:12px;background:rgba(255,255,255,.72);display:grid;place-items:center;border:1px solid rgba(123,82,62,.07)}.social-icon-wrap img{width:23px;height:23px;object-fit:contain}.redbook-mark{background:rgba(255,250,250,.84)}.redbook-mark span{font-size:8px;font-weight:900;line-height:1.05;color:#e65462;text-align:center;letter-spacing:-.04em}
.social-copy{min-width:0;display:flex;flex-direction:column;align-items:flex-start}.social-copy small{font-size:8px;color:var(--muted);margin-bottom:1px}.social-copy b{font-size:13px;line-height:1.18}.social-copy span{font-size:8.5px;color:var(--muted);margin-top:3px;white-space:nowrap}

/* Real cloud silhouette: a single irregular SVG cloud bank, not repeated semicircle waves. */
.footer-clouds{position:relative;z-index:2;height:94px;margin-top:18px;overflow:hidden;line-height:0}
.footer-clouds svg{display:block;width:100%;height:100%}.footer-clouds path{fill:rgba(255,253,249,.97)}
.site-footer{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;margin-top:-1px;padding:8px 16px 30px;background:rgba(255,253,249,.97);color:var(--muted);font-size:10px}.site-footer b{font-size:12px;color:var(--ink)}.site-footer span{font-size:9px;letter-spacing:.08em}.site-footer .icp-link{color:var(--muted);font-size:inherit;line-height:1.5;letter-spacing:.03em;text-decoration:none}.site-footer .icp-link:hover{text-decoration:underline}.footer-beian-row{display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap;line-height:1.5}.footer-beian-row .beian-sep{font-size:inherit;letter-spacing:0;color:rgba(123,82,62,.38)}.site-footer .public-security-link{display:inline-flex;align-items:center;gap:4px;color:var(--muted);font-size:inherit;line-height:1.5;letter-spacing:.03em;text-decoration:none}.site-footer .public-security-link:hover{text-decoration:underline}.site-footer .public-security-link img{display:block;width:16px;height:auto;flex:0 0 auto}

@media(max-width:640px){
 .social-section{margin-top:36px;padding:0 12px}.social-heading{margin-bottom:11px}.social-heading h2{font-size:19px}.social-grid{grid-template-columns:1fr;gap:8px}.social-card{justify-content:flex-start;min-height:54px;padding:8px 12px;border-radius:16px}.social-icon-wrap{width:34px;height:34px;flex-basis:34px;border-radius:11px}.social-icon-wrap img{width:22px;height:22px}.social-copy b{font-size:12px}.social-copy span{white-space:normal}.footer-clouds{height:72px;margin-top:12px}.site-footer{padding-bottom:24px}}



/* ================= V12 official recipe atlas ================= */
.recipe-paper{overflow:hidden}
.recipe-header{border-bottom:0;padding-bottom:12px}
.recipe-tools{display:flex;align-items:center;gap:12px;margin:6px 0 26px;padding:10px 12px 10px 14px;background:color-mix(in srgb,var(--theme-soft) 62%,rgba(255,253,249,.76));border:1px solid rgba(123,82,62,.08);border-radius:22px}
.recipe-search{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.recipe-search>span{font-size:18px;color:var(--theme-dark)}.recipe-search input{width:100%;height:42px;border:0;outline:0;background:rgba(255,255,255,.66);border-radius:16px;padding:0 14px;font-size:12px}.recipe-search input:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--theme) 25%,transparent)}
.recipe-count{display:flex;align-items:baseline;gap:4px;white-space:nowrap;font-size:10px;color:var(--muted);padding:0 6px}.recipe-count b{font-size:18px;color:var(--ink)}
.recipe-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 22px;padding:4px 2px 18px}
.recipe-card{appearance:none;border:0;background:transparent;padding:0;text-align:center;min-width:0;display:flex;flex-direction:column;align-items:center;color:var(--ink);border-radius:28px;transition:transform .16s ease,background .16s ease;position:relative}
.recipe-card:hover{transform:translateY(-5px)}.recipe-card:focus-visible{outline:3px solid color-mix(in srgb,var(--theme-dark) 55%,transparent);outline-offset:5px}
.recipe-orbit{width:min(176px,100%);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;border:5px solid rgba(255,253,249,.92);box-shadow:0 8px 22px rgba(123,82,62,.065);overflow:visible;position:relative;background:repeating-linear-gradient(135deg,#f8d7e7 0 11px,#fff3f8 11px 22px)}
.recipe-card.tone-yellow .recipe-orbit{background:repeating-linear-gradient(135deg,#f7e2ae 0 11px,#fff8e5 11px 22px)}.recipe-card.tone-mint .recipe-orbit{background:repeating-linear-gradient(135deg,#d5ead8 0 11px,#f3fbf4 11px 22px)}.recipe-card.tone-blue .recipe-orbit{background:repeating-linear-gradient(135deg,#d3eaf7 0 11px,#f3fbff 11px 22px)}.recipe-card.tone-lavender .recipe-orbit{background:repeating-linear-gradient(135deg,#e6d6f5 0 11px,#faf4ff 11px 22px)}
.recipe-orbit-inner{width:91%;height:91%;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 50% 46%,rgba(255,255,255,.78),rgba(255,255,255,.20) 66%,transparent 67%)}.recipe-orbit img{display:block;width:92%;height:92%;object-fit:contain;filter:drop-shadow(0 8px 8px rgba(123,82,62,.10));transition:transform .16s ease}.recipe-card:hover .recipe-orbit img{transform:scale(1.035)}
.recipe-name{font-size:14px;font-weight:900;line-height:1.35;margin-top:10px;max-width:100%;padding:0 4px}.recipe-formula{font-size:9.5px;line-height:1.55;color:var(--muted);margin-top:5px;max-width:210px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;padding:0 4px}
.recipe-empty{min-height:320px;display:grid;place-items:center;align-content:center;gap:5px;color:var(--muted);text-align:center}.recipe-empty b{font-size:16px;color:var(--ink)}.recipe-empty span{font-size:11px}
.recipe-highlight:after{content:"";position:absolute;inset:-7px;border:3px solid color-mix(in srgb,var(--theme-dark) 70%,transparent);border-radius:32px;animation:recipePulse 1.2s ease both}@keyframes recipePulse{0%{opacity:0;transform:scale(.95)}30%{opacity:1}100%{opacity:0;transform:scale(1.03)}}
.recipe-modal-backdrop{position:fixed;z-index:220;inset:0;background:rgba(69,48,39,.28);backdrop-filter:blur(6px);display:grid;place-items:center;padding:22px;opacity:0;transition:opacity .16s ease}.recipe-modal-backdrop.show{opacity:1}.recipe-modal{width:min(760px,94vw);max-height:min(720px,90vh);overflow:auto;position:relative;display:grid;grid-template-columns:minmax(260px,.92fr) minmax(300px,1.08fr);gap:22px;padding:28px;background:rgba(255,253,249,.98);border:1px solid rgba(123,82,62,.11);border-radius:34px;box-shadow:0 28px 80px rgba(74,45,35,.24);transform:translateY(9px) scale(.985);transition:transform .16s ease}.recipe-modal-backdrop.show .recipe-modal{transform:none}.recipe-modal-close{position:absolute;z-index:2;right:14px;top:14px;width:34px;height:34px;border:0;border-radius:50%;background:var(--theme-soft);font-size:23px;line-height:1}.recipe-modal-art{display:grid;place-items:center;min-height:330px}.recipe-modal-disc{width:min(300px,82vw);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:repeating-linear-gradient(135deg,var(--theme-soft) 0 14px,rgba(255,255,255,.82) 14px 28px);border:7px solid #fff;box-shadow:0 12px 30px rgba(123,82,62,.08)}.recipe-modal-disc img{width:90%;height:90%;object-fit:contain;filter:drop-shadow(0 11px 11px rgba(123,82,62,.12))}.recipe-modal-copy{align-self:center;padding-right:8px}.recipe-modal-kicker{font-size:9px;letter-spacing:.14em;font-weight:900;color:var(--muted)}.recipe-modal-copy h2{font-size:27px;line-height:1.25;margin:6px 0 6px}.recipe-game-name{display:inline-flex;padding:4px 9px;border-radius:999px;background:var(--theme-soft);font-size:9px;color:var(--muted)}.recipe-rule{height:2px;background:var(--theme-soft);margin:18px 0}.recipe-detail-label{font-size:10px;font-weight:900;color:var(--muted);letter-spacing:.08em}.recipe-detail-text{font-size:14px;font-weight:800;line-height:1.75;margin:7px 0 12px}.recipe-ingredient-chips{display:flex;flex-wrap:wrap;gap:6px}.recipe-ingredient-chips span{padding:5px 9px;border-radius:999px;background:rgba(255,255,255,.85);border:1px solid rgba(123,82,62,.10);font-size:9px}.recipe-published-note{display:block;margin-top:18px;color:var(--muted);font-size:9px;line-height:1.6}
@media(min-width:1180px){.recipe-layout{grid-template-columns:205px minmax(0,1fr)}.recipe-paper{padding-left:30px;padding-right:30px}}
@media(max-width:1100px){.recipe-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.recipe-orbit{width:min(170px,100%)}}
@media(max-width:640px){.recipe-tools{margin-bottom:20px;padding:8px 9px;border-radius:18px}.recipe-search input{height:40px;font-size:11px}.recipe-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}.recipe-orbit{width:min(150px,100%);border-width:4px}.recipe-name{font-size:12px}.recipe-formula{font-size:8.5px;-webkit-line-clamp:3}.recipe-modal{grid-template-columns:1fr;gap:4px;padding:20px 17px 22px;border-radius:27px}.recipe-modal-art{min-height:245px}.recipe-modal-disc{width:min(230px,70vw)}.recipe-modal-copy{text-align:center;padding:0 6px}.recipe-modal-copy h2{font-size:23px}.recipe-ingredient-chips{justify-content:center}.recipe-detail-text{font-size:13px}.recipe-game-name{margin:auto}.recipe-modal-close{right:10px;top:10px}}


/* ================= V14 ordinary customer atlas ================= */
.customer-paper{overflow:hidden}.customer-header{border-bottom:0;padding-bottom:10px}.customer-notice{margin:2px 0 16px;padding:10px 14px;border-radius:18px;background:rgba(255,250,244,.70);border:1px dashed rgba(123,82,62,.16);font-size:10px;line-height:1.65;color:var(--muted)}
.customer-tools{display:flex;align-items:center;gap:10px;margin:0 0 26px;padding:9px 10px 9px 13px;background:color-mix(in srgb,var(--theme-soft) 58%,rgba(255,253,249,.76));border:1px solid rgba(123,82,62,.08);border-radius:22px}.customer-filter{display:flex;gap:5px;padding:4px;border-radius:999px;background:rgba(255,255,255,.62)}.customer-filter button{border:0;background:transparent;padding:7px 10px;border-radius:999px;font-size:9px;color:var(--muted)}.customer-filter button.active{background:var(--theme);color:var(--ink);font-weight:900}
.customer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:34px 22px;padding:12px 2px 20px}.customer-card{appearance:none;border:0;background:transparent;padding:0;text-align:center;display:flex;flex-direction:column;align-items:center;color:var(--ink);min-width:0;position:relative;transition:transform .16s ease}.customer-card:hover{transform:translateY(-5px)}.customer-card:focus-visible{outline:3px solid color-mix(in srgb,var(--theme-dark) 55%,transparent);outline-offset:5px;border-radius:30px}
.customer-blob{width:min(180px,100%);aspect-ratio:1;display:grid;place-items:end center;position:relative;border:6px solid rgba(255,253,249,.94);box-shadow:0 9px 24px rgba(123,82,62,.07);background:linear-gradient(160deg,#f9dce9,#fff4f8 70%);overflow:visible}.customer-card.tone-yellow .customer-blob{background:linear-gradient(160deg,#f5dfad,#fff7df 70%)}.customer-card.tone-mint .customer-blob{background:linear-gradient(160deg,#d6ead9,#f3fbf4 70%)}.customer-card.tone-blue .customer-blob{background:linear-gradient(160deg,#d6e9f6,#f3faff 70%)}.customer-card.tone-lavender .customer-blob{background:linear-gradient(160deg,#e7d8f5,#faf4ff 70%)}.blob-1{border-radius:44% 56% 47% 53%/54% 43% 57% 46%}.blob-2{border-radius:58% 42% 53% 47%/45% 58% 42% 55%}.blob-3{border-radius:49% 51% 59% 41%/57% 46% 54% 43%}.blob-4{border-radius:54% 46% 44% 56%/48% 55% 45% 52%}
.customer-art{display:block;width:86%;height:93%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 8px 8px rgba(123,82,62,.10));transition:transform .16s ease}.customer-card:hover .customer-art{transform:scale(1.025)}.customer-drink-bubble{position:absolute;right:-7px;bottom:-10px;width:61px;height:61px;border-radius:50%;display:grid;place-items:center;background:rgba(255,253,249,.97);border:4px solid #fff;box-shadow:0 7px 18px rgba(123,82,62,.12)}.customer-drink-bubble img{width:50px;height:50px;object-fit:contain}.customer-drink-bubble small{position:absolute;left:50%;bottom:-14px;transform:translateX(-50%);white-space:nowrap;font-size:7px;font-weight:900;color:var(--muted);background:#fffdf9;padding:2px 5px;border-radius:999px;border:1px solid rgba(123,82,62,.08)}.customer-initial-badge{position:absolute;right:-8px;bottom:9px;padding:5px 8px;border-radius:999px;background:#fffdf9;border:2px solid #fff;box-shadow:0 5px 14px rgba(123,82,62,.09);font-size:8px;font-weight:900;color:var(--muted)}.customer-name{font-size:14px;font-weight:900;line-height:1.3;margin-top:13px}.customer-sub{max-width:190px;margin-top:5px;font-size:8.5px;line-height:1.45;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.customer-highlight:after{content:"";position:absolute;inset:-8px;border:3px solid color-mix(in srgb,var(--theme-dark) 70%,transparent);border-radius:32px;animation:recipePulse 1.2s ease both}
.customer-modal-backdrop{position:fixed;z-index:230;inset:0;background:rgba(69,48,39,.28);backdrop-filter:blur(6px);display:grid;place-items:center;padding:22px;opacity:0;transition:opacity .16s ease}.customer-modal-backdrop.show{opacity:1}.customer-modal{width:min(850px,94vw);max-height:min(760px,91vh);overflow:auto;position:relative;display:grid;grid-template-columns:minmax(280px,.9fr) minmax(360px,1.1fr);gap:24px;padding:30px;background:rgba(255,253,249,.985);border:1px solid rgba(123,82,62,.11);border-radius:36px;box-shadow:0 28px 80px rgba(74,45,35,.24);transform:translateY(9px) scale(.985);transition:transform .16s ease}.customer-modal-backdrop.show .customer-modal{transform:none}.customer-modal-close{position:absolute;z-index:3;right:14px;top:14px;width:34px;height:34px;border:0;border-radius:50%;background:var(--theme-soft);font-size:23px;line-height:1}.customer-modal-art{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:390px}.customer-modal-blob{width:min(300px,82vw);height:330px;position:relative;display:block;border-radius:46% 54% 43% 57%/56% 44% 56% 44%;background:linear-gradient(155deg,var(--theme-soft),rgba(255,255,255,.70));border:7px solid #fff;box-shadow:0 12px 30px rgba(123,82,62,.08);overflow:hidden}.customer-modal-stage{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);width:76%;max-width:238px;aspect-ratio:1;display:grid;place-items:end center}.customer-modal-stage img{display:block;width:86%;height:93%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 10px 10px rgba(123,82,62,.11))}.customer-profile-pills{display:flex;gap:7px;margin-top:12px}.customer-profile-pills span{padding:5px 9px;border-radius:999px;background:rgba(255,255,255,.8);border:1px solid rgba(123,82,62,.10);font-size:9px;color:var(--muted)}.customer-modal-copy{align-self:center;padding-right:9px}.customer-modal-kicker{font-size:9px;letter-spacing:.14em;font-weight:900;color:var(--muted)}.customer-title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.customer-title-row h2{font-size:28px;line-height:1.2;margin:6px 0}.customer-status-badge{padding:5px 9px;border-radius:999px;background:var(--theme-soft);font-size:8px;font-weight:900;color:var(--muted)}.customer-rule{height:2px;background:var(--theme-soft);margin:13px 0 15px}.customer-detail-label{font-size:9.5px;font-weight:900;color:var(--muted);letter-spacing:.08em;margin-bottom:7px}.customer-condition-list{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.customer-condition-list span{padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.86);border:1px solid rgba(123,82,62,.10);font-size:9px}.customer-recipe-label{margin-top:4px}.customer-recipe-link{width:100%;border:1px solid rgba(123,82,62,.10);background:linear-gradient(135deg,rgba(255,255,255,.82),color-mix(in srgb,var(--theme-soft) 45%,#fff));border-radius:20px;padding:8px 11px;display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:10px;align-items:center;text-align:left}.customer-recipe-link:hover{transform:translateY(-1px)}.customer-recipe-link img{width:58px;height:58px;object-fit:contain}.customer-recipe-link span{min-width:0;display:flex;flex-direction:column}.customer-recipe-link b{font-size:13px}.customer-recipe-link small{font-size:8px;line-height:1.5;color:var(--muted);margin-top:3px}.customer-recipe-link i{font-size:8px;font-style:normal;color:var(--theme-dark);font-weight:900;white-space:nowrap}.customer-initial-note{padding:10px 12px;border-radius:15px;background:var(--theme-soft);font-size:10px;color:var(--muted);margin-bottom:15px}.customer-story-label{margin-top:16px}.customer-story-text{margin:0;font-size:11px;line-height:1.8;color:var(--ink)}.customer-random-note{display:block;margin-top:16px;padding-top:12px;border-top:1px dashed rgba(123,82,62,.16);font-size:8.5px;line-height:1.6;color:var(--muted)}
@media(min-width:1180px){.customer-layout{grid-template-columns:205px minmax(0,1fr)}.customer-paper{padding-left:30px;padding-right:30px}}
@media(max-width:1100px){.customer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.customer-blob{width:min(175px,100%)}}
@media(max-width:640px){.customer-notice{font-size:9px}.customer-tools{flex-wrap:wrap;padding:8px 9px;border-radius:18px}.customer-tools .recipe-search{flex-basis:100%;order:1}.customer-filter{order:2}.customer-tools .recipe-count{order:3;margin-left:auto}.customer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 12px}.customer-blob{width:min(148px,100%);border-width:4px}.customer-drink-bubble{width:52px;height:52px}.customer-drink-bubble img{width:43px;height:43px}.customer-name{font-size:12px}.customer-sub{font-size:7.8px}.customer-modal{grid-template-columns:1fr;gap:6px;padding:20px 17px 22px;border-radius:28px}.customer-modal-art{min-height:250px}.customer-modal-blob{width:min(225px,70vw);height:240px}.customer-modal-stage{bottom:10px;width:74%}.customer-profile-pills{margin-top:8px}.customer-modal-copy{text-align:center;padding:0 6px}.customer-title-row{justify-content:center}.customer-title-row h2{font-size:23px}.customer-condition-list{justify-content:center}.customer-recipe-link{text-align:left;grid-template-columns:54px minmax(0,1fr);}.customer-recipe-link i{display:none}.customer-story-text{text-align:left}.customer-random-note{text-align:left}.customer-modal-close{right:10px;top:10px}}


/* ================= V18 site-wide readability pass =================
   Desktop: readable body copy should normally stay at 12px+.
   Mobile/tablet: keep key copy large enough for touch-device reading.
   Decorative English labels may remain slightly smaller. */
body{font-size:15px}
.brand-copy b{font-size:18px}.brand-copy small{font-size:11px}
.search-result b{font-size:15px}.search-result span{font-size:12px}.search-empty{font-size:13px}
.header-tools select,.music-btn{font-size:13px}
.site-footer{font-size:12px}.site-footer b{font-size:14px}.site-footer span{font-size:11px}

.hero-kicker{font-size:12px}.hero-copy h1{font-size:36px}.hero-copy p{font-size:15px}
.platform-ticket b,.hero-ticket b{font-size:15px}.platform-ticket .ticket-copy>span,.hero-ticket .ticket-copy>span{font-size:12px}
.scene-heading .eyebrow{font-size:11px}.scene-heading h2{font-size:27px}.scene-heading p{font-size:13px}
.scene-links button{font-size:13px}
.guide-title small{font-size:11px}.guide-title h2{font-size:27px}.guide-title p{font-size:13px}
.guide-card b{font-size:17px}.guide-card p{font-size:13px}
.home-board h3{font-size:17px}.quick-link{font-size:13px}.stat-pill b{font-size:22px}.stat-pill span{font-size:11px}

.nav-home,.nav-item{font-size:13px}.nav-group-title{font-size:12px}.nav-item small{font-size:11px}
.article-kicker{font-size:12px}.article-header h1{font-size:30px}.article-lead{font-size:14px}.back-btn{font-size:13px}
.topic h2{font-size:20px}.topic-summary{font-size:15px}.topic-detail{font-size:15px;line-height:1.75}.topic-tags span{font-size:11px}
.tutorial-step b{font-size:14px}.tutorial-step p{font-size:13px}.tutorial-step small{font-size:11px}

.section-ribbon span{font-size:16px}.section-ribbon small{font-size:10px}
.news-heading h2{font-size:29px}.news-heading p{font-size:13px}
.news-row time{font-size:12px}.news-tag{font-size:11px}.news-row b{font-size:15px}
.atlas-title-line small{font-size:10px}.atlas-title-line h2{font-size:30px}.atlas-label{font-size:18px}.atlas-item small{font-size:13px;line-height:1.55}

.social-eyebrow{font-size:10px}.social-heading h2{font-size:23px}.social-heading p{font-size:12px}
.redbook-mark span{font-size:9px}.social-copy small{font-size:10px}.social-copy b{font-size:15px}.social-copy span{font-size:11px}

.recipe-search input{font-size:14px}.recipe-count{font-size:12px}.recipe-count b{font-size:20px}
.recipe-name{font-size:16px}.recipe-formula{font-size:13px;line-height:1.55;-webkit-line-clamp:3}
.recipe-empty b{font-size:17px}.recipe-empty span{font-size:13px}
.recipe-modal-kicker{font-size:11px}.recipe-modal-copy h2{font-size:29px}.recipe-game-name{font-size:11px}
.recipe-detail-label{font-size:12px}.recipe-detail-text{font-size:16px;line-height:1.75}.recipe-ingredient-chips span{font-size:12px}.recipe-published-note{font-size:11px}

.customer-notice{font-size:12.5px;line-height:1.7}.customer-filter button{font-size:11.5px}
.customer-drink-bubble small{font-size:9.5px}.customer-initial-badge{font-size:10.5px}
.customer-name{font-size:16px}.customer-sub{font-size:12.5px;line-height:1.55;-webkit-line-clamp:3}
.customer-profile-pills span{font-size:11.5px}.customer-modal-kicker{font-size:11px}.customer-title-row h2{font-size:30px}.customer-status-badge{font-size:10.5px}
.customer-detail-label{font-size:12px}.customer-condition-list span{font-size:11.5px}
.customer-recipe-link b{font-size:15px}.customer-recipe-link small{font-size:12px}.customer-recipe-link i{font-size:10.5px}
.customer-initial-note{font-size:12px}.customer-story-text{font-size:14px;line-height:1.8}.customer-random-note{font-size:11.5px;line-height:1.7}

@media(max-width:640px){
  body{font-size:14px}
  .brand-copy b{font-size:16px}.brand-copy small{font-size:10.5px}
  .header-tools .music-btn{font-size:12px}
  .hero-kicker{font-size:11px}.hero-copy h1{font-size:28px}.hero-copy p{font-size:14px;line-height:1.7}
  .platform-ticket b,.hero-ticket b{font-size:14px}.platform-ticket .ticket-copy>span,.hero-ticket .ticket-copy>span{font-size:11.5px}
  .scene-heading .eyebrow{font-size:10px}.scene-heading h2{font-size:24px}.scene-heading p{font-size:12.5px;line-height:1.6}
  .news-row time{font-size:11.5px}.news-tag{font-size:10.5px}.news-row b{font-size:14px}
  .atlas-title-line h2{font-size:26px}.atlas-label{font-size:16px}.atlas-item small{font-size:11.5px;line-height:1.55}
  .social-heading h2{font-size:21px}.social-heading p{font-size:11.5px}.social-copy small{font-size:9.5px}.social-copy b{font-size:14px}.social-copy span{font-size:10.5px}
  .nav-home,.nav-item{font-size:12.5px}.nav-group-title{font-size:11.5px}.nav-item small{font-size:10.5px}
  .article-kicker{font-size:11px}.article-header h1{font-size:25px}.article-lead{font-size:13px}.back-btn{font-size:12px}
  .topic h2{font-size:19px}.topic-summary{font-size:14px}.topic-detail{font-size:14px}.topic-tags span{font-size:10.5px}
  .tutorial-step b{font-size:13px}.tutorial-step p{font-size:12.5px}.tutorial-step small{font-size:10.5px}
  .recipe-search input{font-size:13px}.recipe-count{font-size:11.5px}.recipe-count b{font-size:19px}
  .recipe-name{font-size:14.5px}.recipe-formula{font-size:11.5px;line-height:1.55;-webkit-line-clamp:4}
  .recipe-modal-kicker{font-size:10.5px}.recipe-modal-copy h2{font-size:25px}.recipe-game-name{font-size:10.5px}
  .recipe-detail-label{font-size:11.5px}.recipe-detail-text{font-size:15px}.recipe-ingredient-chips span{font-size:11px}.recipe-published-note{font-size:10.5px}
  .customer-notice{font-size:11.5px}.customer-filter button{font-size:11px}
  .customer-drink-bubble small{font-size:9px}.customer-initial-badge{font-size:10px}
  .customer-name{font-size:14.5px}.customer-sub{font-size:11px;line-height:1.55}
  .customer-profile-pills span{font-size:11px}.customer-modal-kicker{font-size:10.5px}.customer-title-row h2{font-size:25px}.customer-status-badge{font-size:10px}
  .customer-detail-label{font-size:11.5px}.customer-condition-list span{font-size:11px}
  .customer-recipe-link b{font-size:14px}.customer-recipe-link small{font-size:11.5px}
  .customer-initial-note{font-size:11.5px}.customer-story-text{font-size:13.5px}.customer-random-note{font-size:10.5px}
  .site-footer{font-size:11.5px}.site-footer b{font-size:13.5px}.site-footer span{font-size:10.5px}
}


/* ================= V19 staff atlas ================= */
.staff-paper{overflow:hidden}.staff-header{border-bottom:0;padding-bottom:10px}.staff-notice{display:flex;align-items:flex-start;gap:12px;margin:2px 0 18px;padding:13px 16px;border-radius:19px;background:color-mix(in srgb,var(--theme-soft) 58%,rgba(255,253,249,.78));border:1px dashed rgba(123,82,62,.16);font-size:13px;line-height:1.65;color:var(--muted)}.staff-notice b{flex:0 0 auto;color:var(--ink);font-size:13px}.staff-tools{display:flex;align-items:center;gap:10px;margin:0 0 27px;padding:10px 11px 10px 14px;background:rgba(255,250,244,.68);border:1px solid rgba(123,82,62,.08);border-radius:22px}
.staff-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 22px;padding:3px 2px 22px}.staff-card{appearance:none;position:relative;min-width:0;min-height:355px;padding:24px 18px 20px;border:1px solid rgba(123,82,62,.10);border-radius:28px;background:linear-gradient(165deg,rgba(255,253,249,.92),rgba(255,246,240,.75));box-shadow:0 11px 27px rgba(123,82,62,.065);display:flex;flex-direction:column;align-items:center;text-align:center;color:var(--ink);transition:transform .17s ease,box-shadow .17s ease}.staff-card:hover{transform:translateY(-5px);box-shadow:0 16px 32px rgba(123,82,62,.095)}.staff-card:focus-visible{outline:3px solid color-mix(in srgb,var(--theme-dark) 55%,transparent);outline-offset:5px}.staff-card.tone-pink{--staff-card:#f7d8e6}.staff-card.tone-yellow{--staff-card:#f6dfaa}.staff-card.tone-mint{--staff-card:#d7ead9}.staff-card.tone-blue{--staff-card:#d6e9f7}.staff-card.tone-lavender{--staff-card:#e5d8f3}.staff-card.tone-peach{--staff-card:#f6d7c5}.staff-card::before{content:"";position:absolute;inset:10px;border:2px dashed color-mix(in srgb,var(--staff-card) 78%,#fff);border-radius:21px;pointer-events:none}.staff-idclip{position:absolute;z-index:2;left:50%;top:-8px;width:54px;height:18px;transform:translateX(-50%);border-radius:5px 5px 12px 12px;background:linear-gradient(180deg,#fffdf9,#eadfd7);border:1px solid rgba(123,82,62,.12);box-shadow:0 3px 8px rgba(123,82,62,.08)}.staff-idclip::after{content:"";position:absolute;left:50%;top:4px;width:22px;height:4px;transform:translateX(-50%);border-radius:999px;background:rgba(123,82,62,.20)}
.staff-card-topline{position:relative;z-index:1;width:100%;display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:10px}.staff-card-topline small{font-size:10px;font-weight:900;letter-spacing:.12em;color:var(--muted)}.staff-card-topline>span{padding:5px 8px;border-radius:999px;background:var(--staff-card);font-size:11px;font-weight:900;color:var(--muted);white-space:nowrap}.staff-portrait{position:relative;z-index:1;width:min(205px,88%);aspect-ratio:1;border-radius:24px;display:grid;place-items:center;background:linear-gradient(150deg,var(--staff-card),rgba(255,255,255,.88));border:5px solid rgba(255,255,255,.92);box-shadow:0 8px 20px rgba(123,82,62,.06);overflow:hidden}.staff-portrait::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,rgba(255,255,255,.12) 0 12px,rgba(255,255,255,.42) 12px 24px)}.staff-portrait img{position:relative;z-index:1;display:block;width:94%;height:94%;object-fit:contain;object-position:center top;transform:translateY(-30px);filter:drop-shadow(0 8px 8px rgba(123,82,62,.10));transition:transform .16s ease}.staff-card:hover .staff-portrait img{transform:translateY(-34px) scale(1.035)}.staff-name{position:relative;z-index:1;margin-top:13px;font-size:18px;font-weight:900;line-height:1.25}.staff-role{position:relative;z-index:1;margin-top:5px;font-size:13px;font-weight:800;color:var(--theme-dark)}.staff-hobby{position:relative;z-index:1;margin-top:7px;font-size:12px;line-height:1.5;color:var(--muted)}.staff-highlight::after{content:"";position:absolute;inset:-7px;border:3px solid color-mix(in srgb,var(--theme-dark) 70%,transparent);border-radius:32px;animation:recipePulse 1.2s ease both}
.staff-guide-links{margin:24px 0 2px;padding:18px 20px;border-radius:24px;background:color-mix(in srgb,var(--theme-soft) 48%,rgba(255,253,249,.84));border:1px solid rgba(123,82,62,.09);display:flex;align-items:center;justify-content:space-between;gap:20px}.staff-guide-links small{font-size:10px;letter-spacing:.13em;font-weight:900;color:var(--muted)}.staff-guide-links h2{font-size:19px;margin:3px 0 5px}.staff-guide-links p{font-size:13px;line-height:1.65;color:var(--muted);margin:0}.staff-guide-links button{flex:0 0 auto;border:1px solid rgba(123,82,62,.10);background:#fffdf9;border-radius:999px;padding:10px 14px;font-size:13px;font-weight:800}.staff-guide-links button:hover{background:var(--theme-soft)}
.staff-modal-backdrop{position:fixed;z-index:235;inset:0;background:rgba(69,48,39,.29);backdrop-filter:blur(6px);display:grid;place-items:center;padding:22px;opacity:0;transition:opacity .16s ease}.staff-modal-backdrop.show{opacity:1}.staff-modal{width:min(930px,94vw);max-height:min(790px,92vh);overflow:auto;position:relative;display:grid;grid-template-columns:minmax(300px,.88fr) minmax(410px,1.12fr);gap:26px;padding:31px;background:rgba(255,253,249,.985);border:1px solid rgba(123,82,62,.11);border-radius:36px;box-shadow:0 28px 80px rgba(74,45,35,.24);transform:translateY(9px) scale(.985);transition:transform .16s ease}.staff-modal-backdrop.show .staff-modal{transform:none}.staff-modal-close{position:absolute;z-index:5;right:14px;top:14px;width:36px;height:36px;border:0;border-radius:50%;background:var(--theme-soft);font-size:24px;line-height:1}.staff-modal-art{display:grid;place-items:center;align-content:center;min-height:480px}.staff-modal-badge{position:relative;width:min(300px,82vw);height:390px;border-radius:30px;background:linear-gradient(165deg,#fffdf9,color-mix(in srgb,var(--theme-soft) 62%,#fff));border:1px solid rgba(123,82,62,.10);box-shadow:0 12px 30px rgba(123,82,62,.08);display:flex;flex-direction:column;align-items:center;padding:32px 18px 18px}.staff-modal-badge::before{content:"";position:absolute;inset:12px;border:2px dashed rgba(123,82,62,.11);border-radius:22px}.staff-modal-clip{position:absolute;z-index:2;top:-10px;left:50%;width:72px;height:24px;transform:translateX(-50%);border-radius:6px 6px 14px 14px;background:linear-gradient(180deg,#fff,#e5dad2);border:1px solid rgba(123,82,62,.13);box-shadow:0 4px 10px rgba(123,82,62,.09)}.staff-modal-clip::after{content:"";position:absolute;left:50%;top:6px;width:30px;height:5px;transform:translateX(-50%);border-radius:999px;background:rgba(123,82,62,.19)}.staff-modal-portrait{position:relative;z-index:1;width:245px;height:290px;display:grid;place-items:center}.staff-modal-portrait img{display:block;width:98%;height:98%;object-fit:contain;object-position:center top;transform:translate(10px,-18px);filter:drop-shadow(0 11px 10px rgba(123,82,62,.11))}.staff-modal-id{position:relative;z-index:1;margin-top:2px;font-size:11px;letter-spacing:.13em;font-weight:900;color:var(--muted)}
.staff-modal-copy{align-self:center;padding-right:8px}.staff-modal-kicker{font-size:11px;letter-spacing:.14em;font-weight:900;color:var(--muted)}.staff-title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.staff-title-row h2{font-size:31px;line-height:1.2;margin:6px 0}.staff-job-badge{padding:6px 10px;border-radius:999px;background:var(--theme-soft);font-size:11px;font-weight:900;color:var(--muted)}.staff-hobby-line{font-size:13px;color:var(--muted)}.staff-rule{height:2px;background:var(--theme-soft);margin:15px 0 17px}.staff-detail-label{font-size:12px;font-weight:900;color:var(--muted);letter-spacing:.08em;margin-bottom:7px}.staff-detail-text{font-size:14px;line-height:1.75;margin:0;color:var(--ink)}.staff-detail-note{font-size:12.5px;line-height:1.72;margin:7px 0 0;color:var(--muted)}.staff-rush-label{margin-top:17px}.staff-tip-text{padding:10px 12px;border-radius:15px;background:rgba(255,250,244,.74);border:1px solid rgba(123,82,62,.08)}.staff-growth-box{display:grid;grid-template-columns:.7fr 1.3fr;gap:9px;margin:16px 0}.staff-growth-box>div{padding:10px 12px;border-radius:16px;background:color-mix(in srgb,var(--theme-soft) 52%,#fff);border:1px solid rgba(123,82,62,.07)}.staff-growth-box b{display:block;font-size:11.5px;color:var(--muted);margin-bottom:4px}.staff-growth-box span{display:block;font-size:13px;font-weight:800;line-height:1.55}.staff-level-label{margin-top:14px}.staff-outfit-label{margin-top:18px}.staff-outfit-intro{margin:0 0 10px;font-size:11.5px;line-height:1.65;color:var(--muted)}.staff-outfit-list{display:grid;gap:10px}.staff-outfit-card{padding:11px 12px 10px;border-radius:15px;background:rgba(255,255,255,.76);border:1px solid rgba(123,82,62,.09);box-shadow:0 4px 12px rgba(123,82,62,.025)}.staff-outfit-card.has-skill{border-color:color-mix(in srgb,var(--theme) 45%,rgba(123,82,62,.09));background:color-mix(in srgb,var(--theme-soft) 20%,#fff)}.staff-outfit-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.staff-outfit-head>div{min-width:0}.staff-outfit-head small{display:block;font-size:10px;line-height:1.35;color:var(--muted);margin-bottom:2px}.staff-outfit-head b{display:block;font-size:13.5px;line-height:1.45;color:var(--ink)}.staff-outfit-head>span{flex:0 0 auto;padding:4px 7px;border-radius:999px;background:var(--theme-soft);font-size:9.5px;font-weight:900;color:var(--muted)}.staff-outfit-card.no-skill .staff-outfit-head>span{background:#f4f0ec}.staff-outfit-meta{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:9px}.staff-outfit-meta>span{padding:7px 8px;border-radius:10px;background:rgba(255,250,244,.8);border:1px solid rgba(123,82,62,.06)}.staff-outfit-meta em,.staff-outfit-skill em{display:block;font-style:normal;font-size:9.5px;color:var(--muted);margin-bottom:2px}.staff-outfit-meta strong,.staff-outfit-skill strong{display:block;font-size:11.5px;line-height:1.5;color:var(--ink)}.staff-outfit-skill{margin-top:7px;padding:8px 9px;border-radius:11px;background:rgba(255,253,249,.88);border-left:3px solid var(--theme)}.staff-outfit-card.no-skill .staff-outfit-skill{border-left-color:#d8cec6}.staff-outfit-source{margin-top:7px;font-size:10.5px;line-height:1.55;color:var(--muted)}.staff-story-block{margin-top:18px;padding-top:15px;border-top:1px dashed rgba(123,82,62,.16)}.staff-story-block h3{font-size:16px;margin:5px 0}.staff-story-block p{font-size:14px;line-height:1.8;margin:0}.staff-source-note{display:block;margin-top:16px;padding-top:12px;border-top:1px dashed rgba(123,82,62,.16);font-size:11px;line-height:1.65;color:var(--muted)}
@media(min-width:1180px){.staff-layout{grid-template-columns:205px minmax(0,1fr)}.staff-paper{padding-left:30px;padding-right:30px}}
@media(max-width:1050px){.staff-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.staff-modal{grid-template-columns:minmax(260px,.85fr) minmax(360px,1.15fr)}}
@media(max-width:640px){.staff-notice{font-size:11.5px;padding:11px 12px}.staff-notice b{font-size:11.5px}.staff-tools{padding:8px 9px}.staff-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 10px}.staff-card{min-height:292px;padding:21px 10px 16px;border-radius:23px}.staff-card::before{inset:8px}.staff-card-topline{align-items:flex-start;flex-direction:column;gap:4px}.staff-card-topline small{font-size:8.5px}.staff-card-topline>span{font-size:9.5px;padding:4px 7px}.staff-portrait{width:min(150px,94%);border-width:4px;border-radius:20px}.staff-name{font-size:15px}.staff-role{font-size:11.5px}.staff-hobby{font-size:10.5px}.staff-guide-links{display:block;padding:15px}.staff-guide-links p{font-size:11.5px}.staff-guide-links button{margin-top:11px;font-size:11.5px}.staff-modal{grid-template-columns:1fr;gap:8px;padding:20px 17px 23px;border-radius:28px}.staff-modal-art{min-height:300px}.staff-modal-badge{width:min(240px,74vw);height:292px;padding-top:24px}.staff-modal-portrait{width:185px;height:218px}.staff-modal-id{font-size:9px}.staff-modal-copy{text-align:left;padding:0 5px}.staff-modal-kicker{font-size:10px}.staff-title-row h2{font-size:26px}.staff-job-badge{font-size:10px}.staff-hobby-line{font-size:11.5px}.staff-detail-label{font-size:11.5px}.staff-detail-text{font-size:13px}.staff-detail-note{font-size:11.5px}.staff-growth-box{grid-template-columns:1fr}.staff-growth-box b{font-size:10.5px}.staff-growth-box span{font-size:12px}.staff-sub-label{font-size:11px}.staff-growth-list span{font-size:11.2px}.staff-outfit-card b{font-size:11.5px}.staff-outfit-card span,.staff-outfit-empty{font-size:10.8px}.staff-source-note{font-size:10.5px}.staff-modal-close{right:10px;top:10px}}

/* V21 staff atlas position + complete text-only outfit guide */
@media(max-width:640px){.staff-portrait img{transform:translateY(-24px)}.staff-card:hover .staff-portrait img{transform:translateY(-27px) scale(1.025)}.staff-outfit-intro{font-size:10.8px}.staff-outfit-head b{font-size:12.5px}.staff-outfit-meta{grid-template-columns:1fr}.staff-outfit-meta em,.staff-outfit-skill em{font-size:9.5px}.staff-outfit-meta strong,.staff-outfit-skill strong{font-size:11px}.staff-outfit-source{font-size:10px}}


/* ================= V22 staff modal: paged profile / outfit guide ================= */
.staff-modal-paged{display:block;width:min(980px,94vw);height:min(720px,90vh);max-height:90vh;overflow:hidden;padding:0}
.staff-modal-shell{height:100%;min-height:0;display:flex;flex-direction:column}
.staff-modal-head{flex:0 0 auto;padding:27px 64px 0 34px;background:rgba(255,253,249,.985)}
.staff-modal-head .staff-title-row h2{margin:4px 0}.staff-modal-head .staff-hobby-line{margin-top:3px}
.staff-modal-tabs{display:flex;gap:8px;margin-top:15px;padding-bottom:12px;border-bottom:2px solid var(--theme-soft)}
.staff-modal-tabs button{border:1px solid rgba(123,82,62,.10);background:rgba(255,255,255,.72);border-radius:999px;padding:8px 14px;font-size:12px;font-weight:900;color:var(--muted);transition:background .16s ease,transform .16s ease}
.staff-modal-tabs button:hover{transform:translateY(-1px);background:var(--theme-soft)}
.staff-modal-tabs button.active{background:var(--theme);color:var(--ink);border-color:transparent;box-shadow:0 5px 14px rgba(123,82,62,.08)}
.staff-modal-tabs button small{font-size:9px;margin-left:4px;opacity:.72}
.staff-tab-panels{flex:1;min-height:0;position:relative}
.staff-tab-panel{height:100%;overflow:auto;overscroll-behavior:contain;padding:22px 32px 26px;scrollbar-gutter:stable}
.staff-profile-panel{overflow:hidden}
.staff-profile-grid{height:100%;display:grid;grid-template-columns:minmax(300px,.88fr) minmax(410px,1.12fr);gap:26px;align-items:center}
.staff-profile-panel .staff-modal-art{min-height:0;height:100%;align-content:center}
.staff-profile-copy{align-self:center;padding-right:6px;max-height:100%;overflow:auto}
.staff-profile-panel .staff-modal-badge{height:390px}
.staff-profile-panel .staff-growth-box{margin-bottom:0}
.staff-profile-panel .staff-source-note{margin-top:13px;padding-top:10px}
.staff-outfit-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin:0 0 14px}
.staff-outfit-page-head>div{flex:0 0 auto}.staff-outfit-page-head small{font-size:10px;font-weight:900;letter-spacing:.14em;color:var(--muted)}
.staff-outfit-page-head h3{font-size:23px;line-height:1.25;margin:3px 0 0}.staff-outfit-page-head p{max-width:560px;margin:0;font-size:11.5px;line-height:1.6;text-align:right;color:var(--muted)}
.staff-outfit-compact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.staff-outfit-mini{min-width:0;padding:10px 11px;border-radius:15px;background:rgba(255,255,255,.74);border:1px solid rgba(123,82,62,.09);box-shadow:0 4px 11px rgba(123,82,62,.025)}
.staff-outfit-mini.has-skill{border-color:color-mix(in srgb,var(--theme) 50%,rgba(123,82,62,.08));background:color-mix(in srgb,var(--theme-soft) 18%,#fff)}
.staff-outfit-mini-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;min-height:41px}.staff-outfit-mini-head>div{min-width:0}
.staff-outfit-mini-head small{display:block;font-size:9px;line-height:1.25;color:var(--muted);margin-bottom:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.staff-outfit-mini-head b{display:block;font-size:12.5px;line-height:1.35;color:var(--ink)}
.staff-outfit-mini-head>span{flex:0 0 auto;padding:3px 6px;border-radius:999px;background:var(--theme-soft);font-size:8.5px;font-weight:900;color:var(--muted);white-space:nowrap}.staff-outfit-mini.no-skill .staff-outfit-mini-head>span{background:#f3efeb}
.staff-outfit-brief{display:grid;grid-template-columns:.88fr 1.12fr;gap:6px;margin-top:7px}.staff-outfit-brief>div{min-width:0;padding:6px 7px;border-radius:9px;background:rgba(255,250,244,.78);border:1px solid rgba(123,82,62,.05)}
.staff-outfit-brief em,.staff-outfit-mini-skill em{display:block;font-style:normal;font-size:8.6px;line-height:1.25;color:var(--muted);margin-bottom:1px}.staff-outfit-brief strong,.staff-outfit-mini-skill strong{display:block;font-size:10.5px;line-height:1.38;color:var(--ink);overflow-wrap:anywhere}
.staff-outfit-mini-skill{margin-top:6px;padding:6px 7px;border-radius:9px;background:rgba(255,253,249,.86);border-left:3px solid var(--theme)}.staff-outfit-mini.no-skill .staff-outfit-mini-skill{border-left-color:#d8cec6}
.staff-outfit-mini-source{display:block;margin-top:5px;font-size:8.7px;line-height:1.35;color:var(--muted)}
.staff-outfit-page-note{display:block;margin-top:12px;padding-top:10px;border-top:1px dashed rgba(123,82,62,.16);font-size:10.5px;line-height:1.55;color:var(--muted)}

@media(max-width:1050px){
  .staff-modal-paged{width:min(900px,95vw)}
  .staff-profile-grid{grid-template-columns:minmax(260px,.84fr) minmax(360px,1.16fr);gap:20px}
  .staff-outfit-compact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  .staff-modal-backdrop{padding:10px}.staff-modal-paged{width:min(96vw,620px);height:min(820px,94vh);max-height:94vh;border-radius:28px}
  .staff-modal-head{padding:19px 48px 0 18px}.staff-modal-head .staff-modal-kicker{font-size:9.5px}.staff-modal-head .staff-title-row h2{font-size:24px}.staff-modal-head .staff-hobby-line{font-size:11px}
  .staff-modal-tabs{margin-top:11px;padding-bottom:10px}.staff-modal-tabs button{padding:7px 11px;font-size:11px}
  .staff-tab-panel{padding:14px 15px 19px}.staff-profile-panel{overflow:auto}
  .staff-profile-grid{height:auto;display:flex;flex-direction:column;gap:14px}.staff-profile-panel .staff-modal-art{height:auto;min-height:292px}.staff-profile-panel .staff-modal-badge{width:min(240px,74vw);height:292px;padding-top:24px}
  .staff-profile-copy{width:100%;max-height:none;overflow:visible;padding:0 2px}.staff-profile-panel .staff-growth-box{grid-template-columns:1fr 1fr}
  .staff-outfit-page-head{display:block;margin-bottom:11px}.staff-outfit-page-head h3{font-size:19px}.staff-outfit-page-head p{margin-top:5px;text-align:left;font-size:10.8px}
  .staff-outfit-compact-grid{grid-template-columns:1fr;gap:8px}.staff-outfit-mini{padding:9px 10px}.staff-outfit-mini-head{min-height:0}.staff-outfit-mini-head b{font-size:12px}.staff-outfit-brief strong,.staff-outfit-mini-skill strong{font-size:10.8px}
}


/* ================= V23 homepage section ribbons ================= */
.section-ribbon-guide{margin-bottom:18px}
.atlas-title-line{margin-top:0}
.atlas-title-line>div h2{margin:0}
.section-ribbon-social{margin-bottom:14px}
.social-heading .social-eyebrow{display:none}

/* ================= V23 farm atlas ================= */
.farm-paper{overflow:hidden}
.farm-header .article-lead{max-width:780px}
.farm-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:4px 0 18px}.farm-overview>div{min-height:82px;padding:14px 15px;border-radius:20px;background:color-mix(in srgb,var(--theme-soft) 46%,#fff);border:1px solid rgba(123,82,62,.08);display:flex;align-items:baseline;gap:5px;align-content:center;flex-wrap:wrap}.farm-overview small{width:100%;font-size:11px;font-weight:900;color:var(--muted)}.farm-overview b{font-size:24px;line-height:1}.farm-overview span{font-size:11px;color:var(--muted)}
.farm-tabs{display:flex;gap:9px;margin:4px 0 14px;padding-bottom:12px;border-bottom:2px solid var(--theme-soft)}.farm-tabs button{border:1px solid rgba(123,82,62,.10);background:rgba(255,255,255,.74);border-radius:999px;padding:9px 15px;font-size:13px;font-weight:900;color:var(--muted)}.farm-tabs button:hover{background:var(--theme-soft)}.farm-tabs button.active{background:var(--theme);color:var(--ink);border-color:transparent;box-shadow:0 5px 14px rgba(123,82,62,.07)}.farm-tabs button small{font-size:9px;margin-left:4px;opacity:.72}
.farm-note{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:17px;background:rgba(255,249,222,.68);border:1px solid rgba(123,82,62,.08);font-size:12.5px;line-height:1.65}.farm-note b{flex:0 0 auto;font-size:12px;padding:4px 8px;border-radius:999px;background:#fffdf9}.farm-note span{color:var(--muted)}.farm-material-note-top{background:color-mix(in srgb,var(--accent3) 38%,#fff)}
.farm-tools{display:flex;align-items:center;gap:10px;margin:13px 0 17px;padding:10px 11px;border-radius:20px;background:rgba(255,253,249,.58);border:1px solid rgba(123,82,62,.08)}.farm-tools .recipe-search{flex:1}.farm-level-filter,.farm-kind-filter{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.farm-level-filter button,.farm-kind-filter button{border:1px solid rgba(123,82,62,.09);background:#fffdf9;border-radius:999px;padding:7px 9px;font-size:10.5px;font-weight:800}.farm-level-filter button.active,.farm-kind-filter button.active{background:var(--theme);border-color:transparent}.farm-tools .recipe-count{flex:0 0 auto}
.farm-crop-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 14px}.farm-crop-card{position:relative;min-width:0;border:1px solid rgba(123,82,62,.10);background:rgba(255,253,249,.82);border-radius:27px;padding:14px 12px 15px;text-align:center;box-shadow:0 8px 20px rgba(123,82,62,.055);overflow:hidden;transition:transform .16s ease,box-shadow .16s ease}.farm-crop-card:hover{transform:translateY(-3px);box-shadow:0 13px 26px rgba(123,82,62,.09)}.farm-crop-card:before{content:"";position:absolute;inset:8px;border:1px dashed rgba(123,82,62,.09);border-radius:20px;pointer-events:none}.farm-level-tag{position:relative;z-index:2;display:inline-block;padding:5px 9px;border-radius:999px;background:var(--theme-soft);font-size:10px;font-weight:900;color:var(--muted)}.farm-crop-stage{position:relative;z-index:1;display:grid;place-items:end center;height:205px;margin:2px auto 0;width:100%;overflow:hidden}.farm-crop-stage:before{content:"";position:absolute;width:150px;height:150px;border-radius:52% 48% 45% 55%;background:color-mix(in srgb,var(--accent3) 58%,#fff);top:22px;left:50%;transform:translateX(-50%) rotate(-6deg)}.farm-crop-stage img{position:relative;z-index:2;display:block;max-width:176px;width:88%;height:195px;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 8px 8px rgba(123,82,62,.09));transition:transform .16s ease}.farm-crop-card:hover .farm-crop-stage img{transform:scale(1.035)}.farm-soil{position:absolute;z-index:1;bottom:8px;left:50%;width:120px;height:24px;transform:translateX(-50%);border-radius:50%;background:#dec79e;opacity:.45}.farm-crop-name{position:relative;z-index:2;display:block;font-size:17px;font-weight:900;margin-top:6px}.farm-harvest-line{position:relative;z-index:2;display:block;font-size:11.5px;color:var(--muted);margin-top:5px}.farm-harvest-line b{font-size:12.5px;color:var(--ink)}.farm-card-meta{position:relative;z-index:2;display:flex;justify-content:center;gap:6px;margin-top:10px}.farm-card-meta i{font-style:normal;font-size:10px;font-weight:800;padding:5px 8px;border-radius:999px;background:#fff9ed;border:1px solid rgba(123,82,62,.07)}
.farm-material-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}.farm-material-card{position:relative;min-width:0;min-height:206px;border:1px solid rgba(123,82,62,.10);border-radius:23px;background:rgba(255,253,249,.82);padding:12px 10px 13px;text-align:center;box-shadow:0 7px 18px rgba(123,82,62,.05);transition:transform .16s ease}.farm-material-card:hover{transform:translateY(-2px)}.farm-material-kind{display:inline-block;padding:4px 8px;border-radius:999px;background:var(--theme-soft);font-size:9.5px;font-weight:900;color:var(--muted)}.farm-material-icon{display:grid;place-items:center;width:112px;height:112px;margin:4px auto 1px;border-radius:37% 63% 58% 42%/46% 42% 58% 54%;background:color-mix(in srgb,var(--accent2) 34%,#fff)}.farm-material-icon img{width:96px;height:96px;object-fit:contain;filter:drop-shadow(0 6px 7px rgba(123,82,62,.07))}.farm-material-name{display:block;font-size:14px;font-weight:900;margin-top:5px}.farm-material-source{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:31px;margin-top:5px;font-size:10px;line-height:1.5;color:var(--muted)}
.farm-guide-links{margin:24px 0 2px;padding:18px 20px;border-radius:24px;background:color-mix(in srgb,var(--accent3) 42%,rgba(255,253,249,.86));border:1px solid rgba(123,82,62,.09);display:flex;align-items:center;justify-content:space-between;gap:20px}.farm-guide-links small{font-size:10px;letter-spacing:.13em;font-weight:900;color:var(--muted)}.farm-guide-links h2{font-size:19px;margin:3px 0 5px}.farm-guide-links p{font-size:13px;line-height:1.65;color:var(--muted);margin:0}.farm-guide-links button{flex:0 0 auto;border:1px solid rgba(123,82,62,.10);background:#fffdf9;border-radius:999px;padding:10px 14px;font-size:13px;font-weight:800}.farm-guide-links button:hover{background:var(--theme-soft)}
.farm-highlight:after{content:"";position:absolute;inset:-6px;border:3px solid color-mix(in srgb,var(--theme-dark) 70%,transparent);border-radius:30px;animation:recipePulse 1.2s ease both;pointer-events:none}
.farm-modal-backdrop{position:fixed;z-index:240;inset:0;background:rgba(69,48,39,.29);backdrop-filter:blur(6px);display:grid;place-items:center;padding:22px;opacity:0;transition:opacity .16s ease}.farm-modal-backdrop.show{opacity:1}.farm-modal,.farm-material-modal{position:relative;width:min(900px,94vw);max-height:min(760px,92vh);overflow:auto;display:grid;grid-template-columns:minmax(290px,.86fr) minmax(420px,1.14fr);gap:28px;padding:30px;background:rgba(255,253,249,.985);border:1px solid rgba(123,82,62,.11);border-radius:36px;box-shadow:0 28px 80px rgba(74,45,35,.24);transform:translateY(9px) scale(.985);transition:transform .16s ease}.farm-modal-backdrop.show .farm-modal,.farm-modal-backdrop.show .farm-material-modal{transform:none}.farm-modal-close{position:absolute;z-index:5;right:14px;top:14px;width:36px;height:36px;border:0;border-radius:50%;background:var(--theme-soft);font-size:24px;line-height:1}.farm-modal-art{display:grid;place-items:center;align-content:center;min-height:470px}.farm-modal-field{position:relative;display:grid;place-items:end center;width:280px;height:390px;border-radius:46% 54% 44% 56%/44% 45% 55% 56%;background:linear-gradient(180deg,#e5f3dd 0 63%,#f4ddad 63% 100%);border:5px solid #fff;box-shadow:0 10px 27px rgba(123,82,62,.09);overflow:hidden}.farm-modal-field:after{content:"";position:absolute;left:-20px;right:-20px;bottom:67px;height:3px;background:rgba(123,82,62,.08);box-shadow:0 18px 0 rgba(123,82,62,.07),0 36px 0 rgba(123,82,62,.06)}.farm-modal-field img{position:relative;z-index:2;width:90%;height:340px;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 10px 9px rgba(123,82,62,.09))}.farm-modal-sun{position:absolute;right:32px;top:27px;font-size:28px;opacity:.4}.farm-modal-art>small{margin-top:10px;font-size:10.5px;color:var(--muted)}.farm-modal-copy{align-self:center;padding-right:8px}.farm-modal-kicker{font-size:10px;letter-spacing:.14em;font-weight:900;color:var(--muted)}.farm-modal-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.farm-modal-title h2{font-size:30px;margin:5px 0}.farm-modal-title>span{padding:6px 10px;border-radius:999px;background:var(--theme-soft);font-size:11px;font-weight:900;color:var(--muted)}.farm-modal-harvest{margin:0 0 14px;font-size:13px;color:var(--muted)}.farm-modal-harvest b{font-size:15px;color:var(--ink)}.farm-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:17px}.farm-info-grid>div{padding:10px 11px;border-radius:15px;background:rgba(255,250,244,.78);border:1px solid rgba(123,82,62,.07)}.farm-info-grid small{display:block;font-size:10px;color:var(--muted);margin-bottom:3px}.farm-info-grid b{font-size:12.5px;line-height:1.45}.farm-detail-label{font-size:11.5px;font-weight:900;color:var(--muted);letter-spacing:.06em;margin:12px 0 8px}.farm-star-yields{display:grid;grid-template-columns:repeat(6,1fr);gap:5px}.farm-star-yields span{text-align:center;padding:7px 3px;border-radius:12px;background:color-mix(in srgb,var(--theme-soft) 44%,#fff);border:1px solid rgba(123,82,62,.06)}.farm-star-yields small{display:block;font-size:9px;color:var(--muted)}.farm-star-yields b{display:block;font-size:14px;margin-top:2px}.farm-detail-note{font-size:11px;line-height:1.65;color:var(--muted);margin:8px 0 0}.farm-route-label{margin-top:16px}.farm-route-list{display:grid;gap:7px}.farm-route-card{padding:9px 11px;border-radius:14px;background:#fffaf1;border:1px solid rgba(123,82,62,.08)}.farm-route-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.farm-route-head span{font-size:9.5px;font-weight:900;color:var(--theme-dark)}.farm-route-head b{font-size:11.5px}.farm-route-formula{margin-top:4px;font-size:11px;line-height:1.55;color:var(--muted)}.farm-route-empty{font-size:11px;color:var(--muted)}
.farm-material-modal{width:min(760px,94vw);grid-template-columns:250px minmax(0,1fr);align-items:center}.farm-material-modal-art{text-align:center}.farm-material-modal-art>span{display:grid;place-items:center;width:220px;height:220px;margin:auto;border-radius:42% 58% 54% 46%/48% 44% 56% 52%;background:color-mix(in srgb,var(--accent2) 38%,#fff);border:4px solid #fff;box-shadow:0 10px 27px rgba(123,82,62,.08)}.farm-material-modal-art img{width:184px;height:184px;object-fit:contain}.farm-material-modal-art small{display:inline-block;margin-top:10px;padding:5px 9px;border-radius:999px;background:var(--theme-soft);font-size:10px;font-weight:900;color:var(--muted)}.farm-material-desc,.farm-material-note{font-size:13px;line-height:1.75}.farm-material-note{margin-top:14px;padding:10px 12px;border-radius:14px;background:color-mix(in srgb,var(--accent3) 28%,#fff);color:var(--muted)}
@media(max-width:1080px){.farm-crop-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.farm-material-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.farm-tools{align-items:flex-start;flex-wrap:wrap}.farm-tools .recipe-search{flex-basis:100%}.farm-level-filter,.farm-kind-filter{justify-content:flex-start}}
@media(max-width:640px){.section-ribbon-guide{margin-bottom:14px}.farm-overview{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.farm-overview>div{min-height:70px;padding:11px}.farm-overview b{font-size:21px}.farm-tabs{gap:6px}.farm-tabs button{font-size:11.5px;padding:8px 11px}.farm-note{display:block;font-size:11.3px}.farm-note b{display:inline-block;margin-bottom:6px}.farm-tools{padding:8px 9px}.farm-level-filter button,.farm-kind-filter button{font-size:9.5px;padding:6px 8px}.farm-crop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 9px}.farm-crop-card{padding:11px 8px 13px;border-radius:22px}.farm-crop-stage{height:164px}.farm-crop-stage:before{width:120px;height:120px}.farm-crop-stage img{max-width:140px;height:158px}.farm-level-tag{font-size:9px}.farm-crop-name{font-size:15px}.farm-harvest-line{font-size:10.5px}.farm-harvest-line b{font-size:11.5px}.farm-card-meta{gap:4px}.farm-card-meta i{font-size:8.8px;padding:4px 6px}.farm-material-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.farm-material-card{min-height:190px;padding:10px 8px}.farm-material-icon{width:100px;height:100px}.farm-material-icon img{width:86px;height:86px}.farm-material-name{font-size:13px}.farm-material-source{font-size:9.5px}.farm-guide-links{display:block;padding:15px}.farm-guide-links p{font-size:11.5px}.farm-guide-links button{margin-top:11px;font-size:11.5px}.farm-modal-backdrop{padding:10px}.farm-modal,.farm-material-modal{grid-template-columns:1fr;gap:13px;padding:20px 17px 23px;border-radius:28px;max-height:94vh}.farm-modal-art{min-height:286px}.farm-modal-field{width:210px;height:270px}.farm-modal-field img{height:242px}.farm-modal-art>small{font-size:9.5px}.farm-modal-title h2{font-size:25px}.farm-info-grid{grid-template-columns:1fr 1fr}.farm-info-grid b{font-size:11.5px}.farm-star-yields{gap:3px}.farm-star-yields small{font-size:8px}.farm-star-yields b{font-size:12px}.farm-route-head{align-items:flex-start;flex-direction:column;gap:2px}.farm-material-modal-art>span{width:180px;height:180px}.farm-material-modal-art img{width:148px;height:148px}.farm-material-desc,.farm-material-note{font-size:11.8px}}


/* ================= V24 hand-drawn editorial scenes + homepage title restoration ================= */
/* The ribbon is a small section eyebrow; the original centered section title remains below it. */
.section-ribbon-guide{margin-bottom:17px}
.atlas-title-line{margin-top:0;margin-bottom:24px}
.section-ribbon-social{margin-bottom:14px}
.social-heading .social-eyebrow{display:block}

/* Social ribbon shares the same outer page edge as News and Guide; cards stay compact in the center. */
.social-section{max-width:none;padding:0;margin-top:46px}
.social-section>.section-ribbon-social{margin-left:-18px}
.social-heading,.social-grid{max-width:920px;margin-left:auto;margin-right:auto}
.social-heading{margin-bottom:14px}

/* Cropped versions of the user's hand-drawn covers are used as editorial atmosphere, not as data cards. */
.article-scene{position:relative;margin:2px 0 22px;border-radius:28px;overflow:hidden;background:color-mix(in srgb,var(--theme-soft) 58%,#fffdf9);border:5px solid rgba(255,253,249,.88);box-shadow:0 10px 28px rgba(123,82,62,.075)}
.article-scene-frame{height:clamp(250px,30vw,390px);overflow:hidden;display:flex;align-items:flex-end;justify-content:center}
.article-scene img{display:block;width:100%;height:100%;object-fit:cover;object-position:center bottom}
.article-scene figcaption{position:absolute;left:16px;bottom:14px;margin:0;padding:6px 11px;border-radius:999px;background:rgba(255,253,249,.9);border:1px solid rgba(123,82,62,.09);font-size:10.5px;font-weight:900;letter-spacing:.04em;box-shadow:0 5px 14px rgba(123,82,62,.07)}
.farm-atlas-scene{margin-top:0}.farm-atlas-scene .article-scene-frame{height:clamp(260px,31vw,400px)}

/* V27: hand-drawn editorial scenes use a slightly lower visual focus inside the crop window. */
.article-scene-main-basic img,
.article-scene-main-business img,
.article-scene-farm-quick img,
.article-scene-farm-plant img,
.article-scene-match3-play img,
.article-scene-match3-special img,
.farm-atlas-scene img{object-position:center 72%}

@media(max-width:640px){
  .social-section{padding:0;margin-top:36px}.social-section>.section-ribbon-social{margin-left:-10px}
  .social-heading,.social-grid{max-width:none;margin-left:12px;margin-right:12px}
  .atlas-title-line{margin-bottom:20px}
  .article-scene{border-width:4px;border-radius:22px;margin-bottom:18px}
  .article-scene-frame,.farm-atlas-scene .article-scene-frame{height:230px}
  .article-scene figcaption{left:10px;bottom:10px;font-size:9.5px;padding:5px 9px}
}


/* ================= V26 VIP / 豪客正式栏目 ================= */
.vh-paper{overflow:hidden}.vh-tabs{display:flex;gap:8px;margin:18px 0 20px;padding:6px;border-radius:18px;background:rgba(255,250,244,.66);border:1px solid rgba(123,82,62,.08)}.vh-tabs button{flex:1;border:0;border-radius:14px;background:transparent;padding:10px 13px;font-size:13px;font-weight:900}.vh-tabs button small{font-size:9px;margin-left:5px;color:var(--muted)}.vh-tabs button.active{background:#fffdf9;box-shadow:0 5px 15px rgba(123,82,62,.08)}
.vh-panel{min-width:0}.vh-notice{display:flex;gap:14px;align-items:center;padding:14px 16px;margin-bottom:12px;border-radius:19px;background:color-mix(in srgb,var(--accent4) 56%,#fff);border:1px solid rgba(123,82,62,.08)}.vh-notice b{font-size:13px;white-space:nowrap}.vh-notice span{font-size:11.5px;line-height:1.65;color:var(--muted)}
.vip-relation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.vip-relation-grid>div{padding:15px 14px;border-radius:20px;background:rgba(255,253,249,.72);border:1px solid rgba(123,82,62,.08)}.vip-relation-grid small{display:block;font-size:9px;font-weight:900;color:var(--muted);letter-spacing:.09em}.vip-relation-grid b{display:block;font-size:21px;margin:3px 0 4px}.vip-relation-grid span{display:block;font-size:10.5px;line-height:1.6;color:var(--muted)}.vh-rule-foot{margin:9px 4px 0;font-size:10.5px;line-height:1.6;color:var(--muted)}
.vh-section{margin-top:28px}.vh-section-heading{margin-bottom:12px}.vh-mini-kicker{display:block;font-size:9px;font-weight:900;letter-spacing:.14em;color:var(--muted)}.vh-section-heading h2{font-size:21px;margin:3px 0 4px}.vh-section-heading p{margin:0;max-width:780px;font-size:11.5px;line-height:1.7;color:var(--muted)}
.vip-atlas-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.vip-atlas-card{min-width:0;overflow:hidden;border-radius:24px;background:rgba(255,253,249,.76);border:1px solid rgba(123,82,62,.08);text-align:center}.vip-atlas-art{position:relative;display:grid;place-items:end center;height:240px;margin:9px;border-radius:20px;overflow:hidden;background:var(--theme-soft)}.vip-atlas-art:before{content:"";position:absolute;width:170px;height:170px;border-radius:50%;background:rgba(255,255,255,.56);bottom:18px}.vip-atlas-card.tone-yellow .vip-atlas-art{background:#fff0c9}.vip-atlas-card.tone-mint .vip-atlas-art{background:#e4f2e7}.vip-atlas-card.tone-blue .vip-atlas-art{background:#e4effb}.vip-atlas-card.tone-lavender .vip-atlas-art{background:#f0e6fa}.vip-atlas-art img{position:relative;z-index:1;width:100%;height:225px;object-fit:contain;object-position:center bottom}.vip-atlas-copy{padding:2px 12px 15px}.vip-atlas-copy h3{font-size:15px;margin:3px 0 6px}.vip-atlas-copy p{min-height:46px;margin:0;font-size:10.5px;line-height:1.55;color:var(--muted)}
.caicai-support-box{padding:20px;border-radius:25px;background:color-mix(in srgb,var(--theme-soft) 46%,rgba(255,253,249,.82));border:1px solid rgba(123,82,62,.08)}.caicai-support-summary{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}.caicai-support-summary>div{padding:11px 12px;border-radius:16px;background:rgba(255,255,255,.58)}.caicai-support-summary b{display:block;font-size:11px;margin-bottom:3px}.caicai-support-summary span{font-size:10px;line-height:1.55;color:var(--muted)}.caicai-cost-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.caicai-cost-grid>div{text-align:center;padding:10px 7px;border-radius:15px;background:#fffdf9;border:1px solid rgba(123,82,62,.07)}.caicai-cost-grid small{display:block;font-size:9px;color:var(--muted)}.caicai-cost-grid b{display:block;font-size:13px;margin-top:2px}.caicai-discount{margin-top:12px;padding-top:12px;border-top:1px dashed rgba(123,82,62,.14)}.caicai-discount>b{font-size:11px}.caicai-discount>div{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}.caicai-discount span{display:flex;gap:5px;align-items:center;padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.65);font-size:9.5px}.caicai-discount strong{font-size:10px}.caicai-discount p{font-size:9.5px;color:var(--muted);margin:7px 0 0}
.vh-haoke-scene{margin-top:0}.haoke-common-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.haoke-common-grid>div{padding:13px 14px;border-radius:19px;background:rgba(255,253,249,.72);border:1px solid rgba(123,82,62,.08)}.haoke-common-grid small{display:block;font-size:9px;color:var(--muted);font-weight:900}.haoke-common-grid b{display:block;font-size:13px;margin:4px 0}.haoke-common-grid span{display:block;font-size:10.5px;line-height:1.6;color:var(--muted)}.haoke-penalty-box{margin-top:10px;padding:14px 16px;border-radius:19px;background:#fff3df;border:1px solid rgba(123,82,62,.08)}.haoke-penalty-box b{font-size:12px}.haoke-penalty-box p{font-size:11px;line-height:1.65;margin:5px 0;color:var(--ink)}.haoke-penalty-box small{display:block;font-size:9.5px;line-height:1.55;color:var(--muted)}.haoke-reward-box{display:grid;grid-template-columns:.8fr 1.2fr;gap:11px;margin-top:10px;padding:15px 16px;border-radius:20px;background:color-mix(in srgb,var(--accent3) 42%,#fff);border:1px solid rgba(123,82,62,.08)}.haoke-reward-box>div>b{font-size:13px}.haoke-reward-box>div>p{font-size:10.5px;line-height:1.6;color:var(--muted);margin:5px 0 0}.haoke-reward-steps{display:grid;gap:5px}.haoke-reward-steps span{display:flex;align-items:center;gap:7px;font-size:10px;line-height:1.45}.haoke-reward-steps i{display:grid;place-items:center;flex:0 0 21px;width:21px;height:21px;border-radius:50%;font-style:normal;background:#fff;font-size:9px;font-weight:900}
.haoke-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:18px 0}.haoke-selector button{min-width:0;display:flex;align-items:center;gap:8px;border:1px solid rgba(123,82,62,.08);border-radius:18px;background:rgba(255,253,249,.62);padding:8px 10px;text-align:left}.haoke-selector button.active{background:#fffdf9;box-shadow:0 6px 16px rgba(123,82,62,.08);border-color:color-mix(in srgb,var(--theme-dark) 45%,transparent)}.haoke-selector img{width:54px;height:64px;object-fit:contain}.haoke-selector span{min-width:0}.haoke-selector b{display:block;font-size:12px}.haoke-selector small{display:block;font-size:9px;color:var(--muted);margin-top:2px}
.haoke-profile-card{display:grid;grid-template-columns:250px minmax(0,1fr);gap:23px;padding:20px;border-radius:28px;background:rgba(255,253,249,.78);border:1px solid rgba(123,82,62,.09)}.haoke-profile-art{text-align:center}.haoke-profile-art>span{display:grid;place-items:end center;height:320px;border-radius:26px;background:color-mix(in srgb,var(--accent2) 44%,#fff);overflow:hidden}.haoke-profile-art img{width:100%;height:310px;object-fit:contain;object-position:center bottom}.haoke-profile-art small{display:block;margin-top:6px;font-size:9px;color:var(--muted)}.haoke-profile-title{display:flex;align-items:end;justify-content:space-between;gap:10px;border-bottom:1px dashed rgba(123,82,62,.13);padding-bottom:9px}.haoke-profile-title small{font-size:9px;color:var(--muted);letter-spacing:.12em;font-weight:900}.haoke-profile-title h2{font-size:26px;margin:2px 0 0}.haoke-profile-title>span{padding:6px 9px;border-radius:999px;background:var(--theme-soft);font-size:10px;font-weight:900}.haoke-story{font-size:11px;line-height:1.7;color:var(--muted)}.haoke-dislike>b{display:block;font-size:11px;margin-bottom:6px}.haoke-dislike>div{display:flex;flex-wrap:wrap;gap:5px}.haoke-dislike span{font-size:9px;padding:5px 8px;border-radius:999px;background:#fff0e4;border:1px solid rgba(123,82,62,.06)}.haoke-round-list{display:grid;gap:5px;margin-top:13px}.haoke-round-list>div{display:grid;grid-template-columns:24px 1fr;gap:8px;align-items:center;padding:7px 8px;border-radius:12px;background:rgba(255,250,244,.76)}.haoke-round-list>div.is-free{background:color-mix(in srgb,var(--accent3) 36%,#fff)}.haoke-round-list b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#fff;font-size:9px}.haoke-round-list span{font-size:10.5px;line-height:1.5}
.haoke-guide-section{margin-top:24px}.haoke-cup-list{display:grid;gap:11px}.haoke-cup-card{display:grid;grid-template-columns:52px 115px minmax(0,1fr);gap:14px;align-items:center;padding:14px;border-radius:23px;background:rgba(255,253,249,.78);border:1px solid rgba(123,82,62,.08)}.haoke-cup-number{text-align:center}.haoke-cup-number small{display:block;font-size:8px;color:var(--muted);letter-spacing:.1em}.haoke-cup-number b{display:block;font-size:30px;line-height:1}.haoke-cup-number span{display:block;margin-top:5px;font-size:8px;color:var(--muted)}.haoke-cup-drink{display:grid;place-items:center;height:145px;border-radius:19px;background:color-mix(in srgb,var(--theme-soft) 36%,#fff)}.haoke-cup-drink img{width:100%;height:135px;object-fit:contain}.haoke-cup-main{min-width:0}.haoke-material-strip{height:82px;display:flex;align-items:center;overflow:hidden}.haoke-material-strip img{display:block;width:100%;height:78px;object-fit:contain;object-position:left center}.haoke-formula-text{margin:3px 0 8px;font-size:10.5px;line-height:1.55;color:var(--ink)}.haoke-cup-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.haoke-cup-meta>span{min-width:0;padding:6px 8px;border-radius:11px;background:rgba(255,249,240,.86)}.haoke-cup-meta small{display:block;font-size:8px;color:var(--muted)}.haoke-cup-meta b{display:block;font-size:9.5px;line-height:1.45;margin-top:2px}
@media(max-width:980px){.vip-atlas-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.haoke-profile-card{grid-template-columns:210px minmax(0,1fr)}.haoke-profile-art>span{height:285px}.haoke-profile-art img{height:275px}.haoke-cup-card{grid-template-columns:46px 95px minmax(0,1fr)}.haoke-cup-drink{height:128px}.haoke-cup-drink img{height:120px}}
@media(max-width:640px){.vh-tabs{margin-top:14px}.vh-notice{display:block}.vh-notice b{display:block;margin-bottom:5px}.vip-relation-grid{grid-template-columns:1fr}.vip-atlas-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.vip-atlas-art{height:185px;margin:7px}.vip-atlas-art:before{width:130px;height:130px}.vip-atlas-art img{height:176px}.vip-atlas-copy{padding:1px 8px 11px}.vip-atlas-copy h3{font-size:13px}.vip-atlas-copy p{font-size:9.5px;min-height:42px}.caicai-support-box{padding:15px}.caicai-support-summary{grid-template-columns:1fr}.caicai-cost-grid{grid-template-columns:repeat(2,1fr)}.haoke-common-grid{grid-template-columns:1fr}.haoke-reward-box{grid-template-columns:1fr}.haoke-selector{gap:6px}.haoke-selector button{display:block;text-align:center;padding:7px 4px}.haoke-selector img{width:50px;height:56px}.haoke-selector small{font-size:8px}.haoke-profile-card{grid-template-columns:1fr;padding:15px}.haoke-profile-art>span{height:245px}.haoke-profile-art img{height:238px}.haoke-profile-title h2{font-size:23px}.haoke-cup-card{grid-template-columns:42px 82px minmax(0,1fr);gap:7px;padding:10px 8px}.haoke-cup-drink{height:110px}.haoke-cup-drink img{height:103px}.haoke-material-strip{height:57px}.haoke-material-strip img{height:54px}.haoke-formula-text{font-size:9.5px}.haoke-cup-meta{grid-template-columns:1fr}.haoke-cup-meta b{font-size:9px}}
@media(max-width:460px){.vip-atlas-art{height:164px}.vip-atlas-art img{height:157px}.haoke-cup-card{grid-template-columns:34px 70px minmax(0,1fr)}.haoke-cup-number b{font-size:25px}.haoke-cup-number span{display:none}.haoke-cup-drink{height:96px}.haoke-cup-drink img{height:90px}.haoke-material-strip{height:48px}.haoke-material-strip img{height:46px}.haoke-formula-text{font-size:9px}.haoke-cup-meta>span{padding:5px 6px}}

/* V26: VIP / 豪客移动端不展开整套侧栏，避免正文前出现过长目录。 */
@media(max-width:640px){
  .vh-layout>.article-nav{display:none}
}


/* ================= V27 VIP / 豪客可读性与取景收口 ================= */
/* VIP / 豪客专区整体提高正文可读性；不改变栏目结构。 */
.vh-tabs button{font-size:14.5px}.vh-tabs button small{font-size:10.5px}
.vh-notice b{font-size:14.5px}.vh-notice span{font-size:13px;line-height:1.7}
.vip-relation-grid small{font-size:10.5px}.vip-relation-grid b{font-size:22px}.vip-relation-grid span{font-size:12.5px;line-height:1.65}.vh-rule-foot{font-size:12px;line-height:1.7}
.vh-mini-kicker{font-size:10.5px}.vh-section-heading h2{font-size:23px}.vh-section-heading p{font-size:13px;line-height:1.75}
.vip-atlas-copy h3{font-size:16.5px}.vip-atlas-copy p{font-size:12px;line-height:1.62;min-height:52px}
/* 面包仓鼠原PNG有效人物区域偏右下，仅对这一张做展示位置微调。 */
.vip-bread-hamster .vip-atlas-art img{transform:translate(-10px,-28px)}

/* 菜菜支援 */
.caicai-support-summary b{font-size:12.5px}.caicai-support-summary span{font-size:11.8px;line-height:1.65}
.caicai-cost-grid small{font-size:10.5px}.caicai-cost-grid b{font-size:14.5px}
.caicai-discount>b{font-size:12.5px}.caicai-discount span{font-size:11px}.caicai-discount strong{font-size:11.5px}.caicai-discount p{font-size:11px;line-height:1.6}

/* 豪客规则、人物资料与五杯攻略 */
.haoke-common-grid small{font-size:10.5px}.haoke-common-grid b{font-size:14.5px}.haoke-common-grid span{font-size:12.5px;line-height:1.65}
.haoke-penalty-box b{font-size:13.5px}.haoke-penalty-box p{font-size:12.5px;line-height:1.7}.haoke-penalty-box small{font-size:11px;line-height:1.62}
.haoke-reward-box>div>b{font-size:14px}.haoke-reward-box>div>p{font-size:12px;line-height:1.65}.haoke-reward-steps span{font-size:11.5px;line-height:1.55}.haoke-reward-steps i{font-size:10px}
.haoke-selector b{font-size:13.5px}.haoke-selector small{font-size:10.5px}
.haoke-profile-art small{font-size:10.5px}.haoke-profile-title small{font-size:10px}.haoke-profile-title h2{font-size:28px}.haoke-profile-title>span{font-size:11.5px}.haoke-story{font-size:12.5px;line-height:1.75}
.haoke-dislike>b{font-size:12.5px}.haoke-dislike span{font-size:10.5px}.haoke-round-list b{font-size:10px}.haoke-round-list span{font-size:12px;line-height:1.58}
.haoke-cup-number small{font-size:9px}.haoke-cup-number b{font-size:32px}.haoke-cup-number span{font-size:9.5px}
.haoke-formula-text{font-size:12.5px;line-height:1.62}.haoke-cup-meta small{font-size:9.5px}.haoke-cup-meta b{font-size:11.5px;line-height:1.5}

@media(max-width:640px){
  .vh-tabs button{font-size:14px}.vh-tabs button small{font-size:10px}
  .vh-notice b{font-size:14px}.vh-notice span{font-size:12.5px}
  .vip-relation-grid span{font-size:12px}.vh-rule-foot{font-size:11.5px}
  .vh-section-heading h2{font-size:21.5px}.vh-section-heading p{font-size:12.3px}
  .vip-atlas-copy h3{font-size:14.5px}.vip-atlas-copy p{font-size:11px;line-height:1.58;min-height:48px}
  .vip-bread-hamster .vip-atlas-art img{transform:translate(-7px,-20px)}
  .caicai-support-summary b{font-size:12px}.caicai-support-summary span{font-size:11.5px}.caicai-cost-grid small{font-size:10px}.caicai-cost-grid b{font-size:14px}.caicai-discount>b{font-size:12px}.caicai-discount span,.caicai-discount p{font-size:10.5px}
  .haoke-common-grid b{font-size:14px}.haoke-common-grid span{font-size:12px}.haoke-penalty-box p{font-size:12px}.haoke-penalty-box small{font-size:10.5px}.haoke-reward-box>div>p{font-size:11.5px}.haoke-reward-steps span{font-size:11px}
  .haoke-selector b{font-size:12.5px}.haoke-selector small{font-size:9.5px}
  .haoke-profile-title h2{font-size:25px}.haoke-story{font-size:12px}.haoke-dislike>b{font-size:12px}.haoke-dislike span{font-size:10px}.haoke-round-list span{font-size:11.5px}
  .haoke-formula-text{font-size:11.5px}.haoke-cup-meta small{font-size:9px}.haoke-cup-meta b{font-size:10.5px}
}
@media(max-width:460px){
  .haoke-formula-text{font-size:11px}.haoke-cup-meta b{font-size:10.2px}
}

/* ================= V28 全站字体层级统一 =================
   基准：Mac / PC 浏览器 100% 缩放。
   玩家需要阅读的中文正文不再使用 9–12px；重要正文以 15–16px 为主。
   11–13px 只保留给英文眉题、编号、短标签与纯装饰信息。 */
:root{
  --type-display:36px;
  --type-page-title:32px;
  --type-section-title:25px;
  --type-card-title:18px;
  --type-subhead:16px;
  --type-body:16px;
  --type-body-secondary:15px;
  --type-note:14px;
  --type-label:13px;
  --type-decorative:11px;
}
body{font-size:var(--type-body);line-height:1.6}

/* 顶部、首页与全局导航 */
.brand-copy b{font-size:18px}.brand-copy small{font-size:12px}
.search-result b{font-size:15px}.search-result span{font-size:13px}.search-empty{font-size:14px}
.header-tools select,.music-btn{font-size:13px}
.hero-kicker{font-size:12px}.hero-copy h1{font-size:var(--type-display)}.hero-copy p{font-size:16px;line-height:1.75}
.platform-ticket b,.hero-ticket b{font-size:15px}.platform-ticket .ticket-copy>span,.hero-ticket .ticket-copy>span{font-size:13px;line-height:1.45}
.scene-heading .eyebrow{font-size:11px}.scene-heading h2{font-size:27px}.scene-heading p{font-size:15px;line-height:1.65}
.section-ribbon span{font-size:17px}.section-ribbon small{font-size:11px}
.news-heading h2{font-size:29px}.news-heading p{font-size:15px}
.news-row time{font-size:13px}.news-tag{font-size:12px}.news-row b{font-size:16px;line-height:1.5}
.atlas-title-line small{font-size:11px}.atlas-title-line h2{font-size:30px}.atlas-label{font-size:18px}.atlas-item small{font-size:14px;line-height:1.65}
.social-heading h2{font-size:24px}.social-heading p{font-size:14px}.social-eyebrow{font-size:11px}
.social-copy small{font-size:12px}.social-copy b{font-size:16px}.social-copy span{font-size:13px;line-height:1.45}
.site-footer{font-size:13px}.site-footer b{font-size:15px}.site-footer span{font-size:12px}

/* 通用攻略内页：主标题 / 副标题 / 小标题 / 正文 */
.nav-home,.nav-item{font-size:14px}.nav-group-title{font-size:12.5px}.nav-item small{font-size:12px}
.article-kicker{font-size:12px}.article-header h1{font-size:var(--type-page-title)}.article-lead{font-size:16px;line-height:1.65}.back-btn{font-size:14px}
.topic h2{font-size:22px}.topic-summary{font-size:16px;line-height:1.6}.topic-detail{font-size:16px;line-height:1.8}
.topic-tags span{font-size:12.5px}.tutorial-step b{font-size:16px}.tutorial-step p{font-size:15px;line-height:1.7}.tutorial-step small{font-size:13px;line-height:1.6}
.article-scene figcaption{font-size:12.5px}

/* 官方配方：配方材料本身属于核心信息，不再作为小字处理 */
.recipe-search input{font-size:15px}.recipe-count{font-size:13px}.recipe-count b{font-size:20px}
.recipe-name{font-size:17px}.recipe-formula{font-size:15px;line-height:1.65;-webkit-line-clamp:3}
.recipe-empty b{font-size:18px}.recipe-empty span{font-size:14px}
.recipe-modal-kicker{font-size:12px}.recipe-modal-copy h2{font-size:30px}.recipe-game-name{font-size:12px}
.recipe-detail-label{font-size:13px}.recipe-detail-text{font-size:16px;line-height:1.8}.recipe-ingredient-chips span{font-size:13px}.recipe-published-note{font-size:13px;line-height:1.7}

/* 普通顾客 */
.customer-notice{font-size:14.5px;line-height:1.75}.customer-filter button{font-size:13px}
.customer-drink-bubble small{font-size:11px}.customer-initial-badge{font-size:12px}
.customer-name{font-size:17px}.customer-sub{font-size:14px;line-height:1.6;-webkit-line-clamp:3}
.customer-profile-pills span{font-size:13px}.customer-modal-kicker{font-size:12px}.customer-title-row h2{font-size:30px}.customer-status-badge{font-size:12px}
.customer-detail-label{font-size:13px}.customer-condition-list span{font-size:13px}
.customer-recipe-link b{font-size:16px}.customer-recipe-link small{font-size:13px}.customer-recipe-link i{font-size:12px}
.customer-initial-note{font-size:14px;line-height:1.7}.customer-story-text{font-size:15px;line-height:1.85}.customer-random-note{font-size:13.5px;line-height:1.75}

/* 员工图鉴与服装攻略 */
.staff-notice,.staff-notice b{font-size:15px}.staff-card-topline small{font-size:11px}.staff-card-topline>span{font-size:12px}
.staff-name{font-size:18px}.staff-role{font-size:14px}.staff-hobby{font-size:13.5px;line-height:1.6}
.staff-guide-links small{font-size:11.5px}.staff-guide-links h2{font-size:21px}.staff-guide-links p{font-size:15px;line-height:1.7}.staff-guide-links button{font-size:14px}
.staff-modal-id,.staff-modal-kicker{font-size:12px}.staff-title-row h2{font-size:31px}.staff-job-badge{font-size:12px}.staff-hobby-line{font-size:14px}
.staff-detail-label{font-size:13px}.staff-detail-text{font-size:15px;line-height:1.8}.staff-detail-note{font-size:14px;line-height:1.75}
.staff-growth-box b{font-size:13px}.staff-growth-box span{font-size:14.5px;line-height:1.6}.staff-outfit-intro{font-size:14px;line-height:1.7}
.staff-modal-tabs button{font-size:14px}.staff-modal-tabs button small{font-size:11px}
.staff-outfit-page-head small{font-size:11.5px}.staff-outfit-page-head h3{font-size:24px}.staff-outfit-page-head p{font-size:14px;line-height:1.7}
.staff-outfit-mini-head small{font-size:12px}.staff-outfit-mini-head b{font-size:15px}.staff-outfit-mini-head>span{font-size:11.5px}
.staff-outfit-brief em,.staff-outfit-mini-skill em{font-size:12px}.staff-outfit-brief strong,.staff-outfit-mini-skill strong{font-size:14px;line-height:1.5}
.staff-outfit-mini-source{font-size:12.5px;line-height:1.55}.staff-outfit-page-note{font-size:13.5px;line-height:1.65}
.staff-story-block h3{font-size:18px}.staff-story-block p{font-size:15px;line-height:1.85}.staff-source-note{font-size:13px;line-height:1.7}

/* 农场庄园 */
.farm-overview small{font-size:13px}.farm-overview b{font-size:25px}.farm-overview span{font-size:13px}
.farm-tabs button{font-size:14px}.farm-tabs button small{font-size:11.5px}
.farm-note{font-size:15px;line-height:1.75}.farm-note b{font-size:14px}
.farm-level-filter button,.farm-kind-filter button{font-size:12.5px}
.farm-level-tag{font-size:12px}.farm-crop-name{font-size:18px}.farm-harvest-line{font-size:13.5px}.farm-harvest-line b{font-size:14.5px}.farm-card-meta i{font-size:12px}
.farm-material-kind{font-size:11.5px}.farm-material-name{font-size:16px}.farm-material-source{font-size:13px;line-height:1.6;min-height:42px}
.farm-guide-links small{font-size:11.5px}.farm-guide-links h2{font-size:21px}.farm-guide-links p{font-size:15px;line-height:1.7}.farm-guide-links button{font-size:14px}
.farm-modal-art>small{font-size:12px}.farm-modal-kicker{font-size:11.5px}.farm-modal-title h2{font-size:31px}.farm-modal-title>span{font-size:12.5px}
.farm-modal-harvest{font-size:14px}.farm-modal-harvest b{font-size:16px}.farm-info-grid small{font-size:12.5px}.farm-info-grid b{font-size:14.5px}
.farm-detail-label{font-size:13px}.farm-star-yields small{font-size:11.5px}.farm-star-yields b{font-size:14.5px}.farm-detail-note{font-size:14px;line-height:1.7}
.farm-route-head span{font-size:12px}.farm-route-head b{font-size:14px}.farm-route-formula,.farm-route-empty{font-size:13.5px;line-height:1.65}
.farm-material-modal-art small{font-size:12px}.farm-material-desc,.farm-material-note{font-size:15px;line-height:1.8}

/* VIP / 豪客：V28 以真正可阅读的正文尺寸重做层级 */
.vh-tabs button{font-size:16px}.vh-tabs button small{font-size:12px}
.vh-notice b{font-size:16px}.vh-notice span{font-size:15px;line-height:1.75}
.vip-relation-grid small{font-size:12.5px}.vip-relation-grid b{font-size:23px}.vip-relation-grid span{font-size:15px;line-height:1.7}.vh-rule-foot{font-size:14px;line-height:1.75}
.vh-mini-kicker{font-size:11.5px}.vh-section-heading h2{font-size:25px}.vh-section-heading p{font-size:15px;line-height:1.8}
.vip-atlas-copy h3{font-size:18px}.vip-atlas-copy p{font-size:14.5px;line-height:1.7;min-height:64px}
.caicai-support-summary b{font-size:15px}.caicai-support-summary span{font-size:14.5px;line-height:1.7}
.caicai-cost-grid small{font-size:12.5px}.caicai-cost-grid b{font-size:16px}
.caicai-discount>b{font-size:15px}.caicai-discount span{font-size:13.5px}.caicai-discount strong{font-size:14px}.caicai-discount p{font-size:14px;line-height:1.7}
.haoke-common-grid small{font-size:12.5px}.haoke-common-grid b{font-size:16px}.haoke-common-grid span{font-size:14.5px;line-height:1.7}
.haoke-penalty-box b{font-size:15.5px}.haoke-penalty-box p{font-size:15px;line-height:1.75}.haoke-penalty-box small{font-size:14px;line-height:1.7}
.haoke-reward-box>div>b{font-size:15.5px}.haoke-reward-box>div>p{font-size:14.5px;line-height:1.7}.haoke-reward-steps span{font-size:14px;line-height:1.65}.haoke-reward-steps i{font-size:11.5px}
.haoke-selector b{font-size:15px}.haoke-selector small{font-size:13px}
.haoke-profile-art small{font-size:12px}.haoke-profile-title small{font-size:12px}.haoke-profile-title h2{font-size:30px}.haoke-profile-title>span{font-size:13px}.haoke-story{font-size:15px;line-height:1.8}
.haoke-dislike>b{font-size:15px}.haoke-dislike span{font-size:13px}.haoke-round-list b{font-size:12px}.haoke-round-list span{font-size:14.5px;line-height:1.65}
.haoke-cup-number small{font-size:11px}.haoke-cup-number b{font-size:32px}.haoke-cup-number span{font-size:11.5px}
.haoke-formula-text{font-size:15px;line-height:1.72;margin-top:6px;margin-bottom:10px}.haoke-cup-meta small{font-size:12.5px}.haoke-cup-meta b{font-size:14.5px;line-height:1.6}

/* 手机 / 小平板：保留可读字号，通过换行与纵向排布解决空间，不再把核心信息压成小字。 */
@media(max-width:640px){
  body{font-size:15px}
  .brand-copy b{font-size:16px}.brand-copy small{font-size:11px}
  .hero-kicker{font-size:11px}.hero-copy h1{font-size:28px}.hero-copy p{font-size:15px}
  .platform-ticket b,.hero-ticket b{font-size:14px}.platform-ticket .ticket-copy>span,.hero-ticket .ticket-copy>span{font-size:12.5px}
  .scene-heading h2{font-size:24px}.scene-heading p{font-size:14px}.news-row time{font-size:12px}.news-tag{font-size:11.5px}.news-row b{font-size:15px}
  .atlas-title-line h2{font-size:26px}.atlas-label{font-size:16px}.atlas-item small{font-size:13px}
  .social-heading p{font-size:13.5px}.social-copy small{font-size:11.5px}.social-copy b{font-size:15px}.social-copy span{font-size:12.5px}
  .nav-home,.nav-item{font-size:13.5px}.nav-group-title{font-size:12px}.nav-item small{font-size:11.5px}
  .article-kicker{font-size:11.5px}.article-header h1{font-size:27px}.article-lead{font-size:15px}.back-btn{font-size:13px}
  .topic h2{font-size:21px}.topic-summary{font-size:15px}.topic-detail{font-size:15px}.topic-tags span{font-size:12px}
  .tutorial-step b{font-size:15px}.tutorial-step p{font-size:14.5px}.tutorial-step small{font-size:13px}.article-scene figcaption{font-size:12px}

  .recipe-search input{font-size:14px}.recipe-name{font-size:16px}.recipe-formula{font-size:14px;line-height:1.65;-webkit-line-clamp:4}
  .recipe-modal-kicker{font-size:11.5px}.recipe-modal-copy h2{font-size:26px}.recipe-game-name{font-size:11.5px}.recipe-detail-label{font-size:12.5px}.recipe-detail-text{font-size:15px}.recipe-ingredient-chips span{font-size:12.5px}.recipe-published-note{font-size:12.5px}

  .customer-notice{font-size:14px}.customer-filter button{font-size:12.5px}.customer-name{font-size:16px}.customer-sub{font-size:13px;line-height:1.6}
  .customer-profile-pills span{font-size:12.5px}.customer-modal-kicker{font-size:11.5px}.customer-title-row h2{font-size:26px}.customer-status-badge{font-size:11.5px}
  .customer-detail-label{font-size:12.5px}.customer-condition-list span{font-size:12.5px}.customer-recipe-link b{font-size:15px}.customer-recipe-link small{font-size:12.5px}.customer-initial-note{font-size:13.5px}.customer-story-text{font-size:14.5px}.customer-random-note{font-size:13px}

  .staff-notice,.staff-notice b{font-size:14px}.staff-card-topline small{font-size:10.5px}.staff-card-topline>span{font-size:11.5px}.staff-name{font-size:16px}.staff-role{font-size:13px}.staff-hobby{font-size:12.5px}
  .staff-guide-links p{font-size:14px}.staff-guide-links button{font-size:13.5px}.staff-modal-head .staff-modal-kicker{font-size:11px}.staff-modal-head .staff-title-row h2{font-size:26px}.staff-modal-head .staff-hobby-line{font-size:13px}.staff-modal-tabs button{font-size:13.5px}
  .staff-detail-label{font-size:12.5px}.staff-detail-text{font-size:14.5px}.staff-detail-note{font-size:13.5px}.staff-growth-box b{font-size:12.5px}.staff-growth-box span{font-size:14px}
  .staff-outfit-page-head h3{font-size:21px}.staff-outfit-page-head p{font-size:13.5px}.staff-outfit-mini-head small{font-size:11.5px}.staff-outfit-mini-head b{font-size:14.5px}.staff-outfit-mini-head>span{font-size:11px}.staff-outfit-brief em,.staff-outfit-mini-skill em{font-size:11.5px}.staff-outfit-brief strong,.staff-outfit-mini-skill strong{font-size:13.5px}.staff-outfit-mini-source{font-size:12px}.staff-outfit-page-note{font-size:13px}

  .farm-overview small{font-size:12.5px}.farm-overview span{font-size:12.5px}.farm-tabs button{font-size:13.5px}.farm-tabs button small{font-size:11px}.farm-note{font-size:14.5px}.farm-note b{font-size:13.5px}
  .farm-level-filter button,.farm-kind-filter button{font-size:12px}.farm-level-tag{font-size:11.5px}.farm-crop-name{font-size:16.5px}.farm-harvest-line{font-size:13px}.farm-harvest-line b{font-size:14px}.farm-card-meta i{font-size:11.5px}
  .farm-material-kind{font-size:11px}.farm-material-name{font-size:15px}.farm-material-source{font-size:12.5px}.farm-guide-links p{font-size:14px}.farm-guide-links button{font-size:13.5px}
  .farm-modal-art>small{font-size:11.5px}.farm-modal-title h2{font-size:27px}.farm-info-grid small{font-size:12px}.farm-info-grid b{font-size:14px}.farm-star-yields small{font-size:11px}.farm-star-yields b{font-size:14px}.farm-route-head span{font-size:11.5px}.farm-route-head b{font-size:13.5px}.farm-route-formula,.farm-route-empty{font-size:13px}.farm-material-desc,.farm-material-note{font-size:14.5px}

  .vh-tabs button{font-size:15px}.vh-tabs button small{font-size:11.5px}.vh-notice b{font-size:15px}.vh-notice span{font-size:14.5px}
  .vip-relation-grid small{font-size:12px}.vip-relation-grid span{font-size:14.5px}.vh-rule-foot{font-size:13.5px}.vh-section-heading h2{font-size:23px}.vh-section-heading p{font-size:14.5px}
  .vip-atlas-copy h3{font-size:16px}.vip-atlas-copy p{font-size:13.5px;line-height:1.65;min-height:58px}
  .caicai-support-summary b{font-size:14.5px}.caicai-support-summary span{font-size:14px}.caicai-cost-grid small{font-size:12px}.caicai-cost-grid b{font-size:15.5px}.caicai-discount>b{font-size:14.5px}.caicai-discount span{font-size:13px}.caicai-discount strong{font-size:13.5px}.caicai-discount p{font-size:13.5px}
  .haoke-common-grid small{font-size:12px}.haoke-common-grid b{font-size:15px}.haoke-common-grid span{font-size:14px}.haoke-penalty-box b{font-size:15px}.haoke-penalty-box p{font-size:14.5px}.haoke-penalty-box small{font-size:13.5px}.haoke-reward-box>div>b{font-size:15px}.haoke-reward-box>div>p{font-size:14px}.haoke-reward-steps span{font-size:13.5px}
  .haoke-selector b{font-size:14px}.haoke-selector small{font-size:12px}.haoke-profile-art small{font-size:11.5px}.haoke-profile-title small{font-size:11.5px}.haoke-profile-title h2{font-size:27px}.haoke-profile-title>span{font-size:12.5px}.haoke-story{font-size:14.5px}.haoke-dislike>b{font-size:14.5px}.haoke-dislike span{font-size:12.5px}.haoke-round-list b{font-size:11.5px}.haoke-round-list span{font-size:14px}
  .haoke-formula-text{font-size:14px;line-height:1.72}.haoke-cup-meta small{font-size:12px}.haoke-cup-meta b{font-size:14px;line-height:1.6}
}

@media(max-width:460px){
  .haoke-cup-card{grid-template-columns:38px 76px minmax(0,1fr);gap:7px}
  .haoke-cup-number b{font-size:27px}.haoke-formula-text{font-size:13.5px}.haoke-cup-meta b{font-size:13.5px}
}

/* ================= V29 手机端布局收口 =================
   仅调整移动端：
   1) 首页主视觉建立固定安全区，彩虹与两侧猫咪不再按桌面尺寸被过度裁切；
   2) 内页隐藏桌面左侧总目录，改为紧凑横向栏目导航，进入页面后优先看到正文。 */
.mobile-primary-nav{display:none}

@media(max-width:640px){
  /* 统一移动端左右安全区。 */
  .page-main{padding-left:14px;padding-right:14px}

  /* 首页 hero：以手机可视宽度重新构图，而不是把桌面画面放大后裁切。 */
  .hero-world{
    width:100%;
    min-height:575px;
    margin:0 auto 18px;
    overflow:hidden;
    border-radius:0 0 28px 28px;
  }
  .hero-copy{padding:34px 10px 0}
  .hero-rainbow{
    top:112px;
    width:min(124vw,500px);
    max-width:none;
    left:50%;
    transform:translateX(-50%);
  }
  .cloud-left-wrap{width:205px;left:-52px;top:300px}
  .cloud-right-wrap{width:218px;right:-56px;top:306px}
  .cloud-back-wrap{width:184px;right:8px;top:278px}
  .cloud-face.afu{width:68px;left:45px;top:20px}
  .cloud-face.fugui{width:74px;right:48px;top:17px}

  /* 桌面侧栏不再占手机首屏。 */
  .article-layout>.article-nav{display:none!important}
  .mobile-primary-nav{
    display:block;
    width:100%;
    margin:0 0 10px;
    position:relative;
    z-index:4;
  }
  .mobile-primary-nav-track{
    display:flex;
    gap:8px;
    overflow-x:auto;
    overscroll-behavior-x:contain;
    scrollbar-width:none;
    padding:3px 1px 7px;
    scroll-snap-type:x proximity;
    -webkit-overflow-scrolling:touch;
  }
  .mobile-primary-nav-track::-webkit-scrollbar{display:none}
  .mobile-primary-nav-item{
    flex:0 0 auto;
    min-height:42px;
    border:1px solid rgba(123,82,62,.10);
    background:rgba(255,253,249,.78);
    border-radius:999px;
    padding:9px 14px;
    font-size:13.5px;
    font-weight:800;
    color:var(--muted);
    box-shadow:0 4px 12px rgba(123,82,62,.04);
    scroll-snap-align:start;
    white-space:nowrap;
  }
  .mobile-primary-nav-item.active{
    background:var(--theme);
    color:var(--ink);
    border-color:transparent;
  }
  .article-paper{margin-top:0}
}

@media(max-width:460px){
  .page-main{padding-left:12px;padding-right:12px}
  .hero-world{min-height:565px}
  .hero-rainbow{top:118px;width:min(128vw,480px)}
  .cloud-left-wrap{width:196px;left:-54px;top:300px}
  .cloud-right-wrap{width:208px;right:-58px;top:307px}
  .cloud-back-wrap{width:172px;right:4px;top:282px}
  .mobile-primary-nav-item{min-height:40px;padding:8px 13px;font-size:13px}
}

/* ================= V30 移动端导航定型 =================
   仅调整手机端：
   1) 首页标题两侧猫头避开文字安全区；
   2) 一级导航统一为首页六大攻略分类；
   3) 二级导航只展示当前分类内部页面。 */
.mobile-guide-nav{display:none}

@media(max-width:640px){
  /* 首页标题的装饰猫头继续保留，但退出标题文字安全区。 */
  .cloud-left-wrap{left:-82px;top:316px}
  .cloud-right-wrap{right:-88px;top:320px}
  .cloud-face.afu{width:62px;left:56px;top:22px}
  .cloud-face.fugui{width:66px;right:58px;top:20px}
  .hero-copy h1{position:relative;z-index:6;padding-left:12px;padding-right:12px}

  /* V29 的单层导航退役，V30 使用“六大分类 + 当前分类页签”两层结构。 */
  .mobile-primary-nav{display:none!important}
  .mobile-guide-nav{
    display:block;
    width:100%;
    margin:0 0 12px;
    position:relative;
    z-index:5;
  }
  .mobile-guide-primary-track,
  .mobile-guide-secondary-track{
    display:flex;
    overflow-x:auto;
    overscroll-behavior-x:contain;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
    scroll-snap-type:x proximity;
  }
  .mobile-guide-primary-track::-webkit-scrollbar,
  .mobile-guide-secondary-track::-webkit-scrollbar{display:none}
  .mobile-guide-primary-track{
    gap:8px;
    padding:3px 1px 7px;
  }
  .mobile-guide-secondary-track{
    gap:6px;
    padding:1px 1px 6px;
  }
  .mobile-guide-primary-item,
  .mobile-guide-secondary-item{
    flex:0 0 auto;
    white-space:nowrap;
    scroll-snap-align:start;
    color:var(--muted);
  }
  .mobile-guide-primary-item{
    min-height:42px;
    border:1px solid rgba(123,82,62,.11);
    background:rgba(255,253,249,.82);
    border-radius:999px;
    padding:9px 14px;
    font-size:13.5px;
    font-weight:900;
    box-shadow:0 4px 12px rgba(123,82,62,.04);
  }
  .mobile-guide-primary-item.active{
    background:var(--theme);
    color:var(--ink);
    border-color:transparent;
    box-shadow:0 6px 16px rgba(123,82,62,.07);
  }
  .mobile-guide-secondary-item{
    min-height:36px;
    border:1px solid rgba(123,82,62,.09);
    background:rgba(255,255,255,.54);
    border-radius:14px;
    padding:7px 11px;
    font-size:12.5px;
    font-weight:800;
  }
  .mobile-guide-secondary-item.active{
    background:rgba(123,82,62,.10);
    color:var(--ink);
    border-color:rgba(123,82,62,.16);
  }
}

@media(max-width:460px){
  .cloud-left-wrap{left:-88px;top:320px}
  .cloud-right-wrap{right:-94px;top:324px}
  .cloud-face.afu{width:58px;left:59px}
  .cloud-face.fugui{width:62px;right:61px}
  .mobile-guide-primary-item{min-height:40px;padding:8px 13px;font-size:13px}
  .mobile-guide-secondary-item{min-height:35px;padding:7px 10px;font-size:12.5px}
}


/* ================= V31 首页移动端首屏收口 =================
   仅调整手机首页首屏：
   1) 两侧猫头回到 logo 两侧下缘；
   2) 微信 / 抖音 / 新手攻略三入口改成横向三卡；
   3) 关注猫咪碰杯吧三账号改成横向三卡。 */
@media(max-width:640px){
  .hero-world{min-height:620px}
  .hero-copy{position:relative;z-index:5;padding-top:34px}
  .hero-logo{width:min(86vw,340px)}
  .hero-kicker{position:relative;z-index:5;margin-top:4px}
  .hero-copy h1{margin-top:12px;padding-left:22px;padding-right:22px}

  /* 两侧猫头围绕大 logo，而不是围绕下面标题。 */
  .cloud-left-wrap{width:128px;left:4px;top:392px;z-index:6}
  .cloud-right-wrap{width:138px;right:2px;top:398px;z-index:6}
  .cloud-back-wrap{width:160px;right:28px;top:350px}
  .cloud-face.afu{width:54px;left:37px;top:18px}
  .cloud-face.fugui{width:58px;right:39px;top:17px}

  /* 首页三入口横向并列。 */
  .hero-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;align-items:stretch;margin-top:18px}
  .platform-ticket,.hero-ticket{min-width:0;width:100%;min-height:92px;padding:10px 8px;gap:6px;flex-direction:column;justify-content:center;text-align:center;border-radius:18px}
  .ticket-icon{width:28px;height:28px;flex-basis:28px}
  .beginner-icon{width:30px;height:30px;flex-basis:30px}
  .ticket-copy{align-items:center}
  .platform-ticket b,.hero-ticket b{font-size:12.5px;line-height:1.2}
  .platform-ticket .ticket-copy>span,.hero-ticket .ticket-copy>span{display:none}

  /* 关注猫咪碰杯吧三账号横向并列。 */
  .social-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .social-card{flex-direction:column;justify-content:center;align-items:center;min-height:100px;padding:10px 7px;border-radius:16px;text-align:center}
  .social-icon-wrap{width:34px;height:34px;flex-basis:34px;border-radius:11px}
  .social-copy{align-items:center;text-align:center}
  .social-copy small{font-size:9px;margin-bottom:2px}
  .social-copy b{font-size:12px;line-height:1.2}
  .social-copy span{display:none}
}

@media(max-width:460px){
  .hero-world{min-height:600px}
  .hero-rainbow{top:122px;width:min(128vw,500px)}
  .hero-logo{width:min(86vw,330px)}
  .cloud-left-wrap{width:120px;left:0;top:384px}
  .cloud-right-wrap{width:130px;right:-2px;top:390px}
  .cloud-face.afu{width:50px;left:35px;top:16px}
  .cloud-face.fugui{width:55px;right:37px;top:16px}
  .hero-actions{gap:7px}
  .platform-ticket,.hero-ticket{min-height:88px;padding:10px 6px}
  .platform-ticket b,.hero-ticket b{font-size:12px}
  .social-grid{gap:7px}
  .social-card{min-height:96px;padding:9px 6px}
  .social-copy b{font-size:11.5px}
}


/* ================= V32 手机版 Hero 结构重做 =================
   仅 <=640px 生效；641px 及以上继续使用正常网页端布局。
   手机版首页拆成独立舞台：彩虹背景 / 主 Logo / 猫头云朵装饰 / 文字信息互不侵占。 */
.hero-mobile{display:none}

@media(max-width:640px){
  /* 手机版使用独立 Hero，桌面 Hero 完全退出，避免旧绝对定位继续互相打架。 */
  .hero-world-desktop{display:none!important}
  .hero-mobile{
    display:block;
    width:100vw;
    margin:0 calc(50% - 50vw) 24px;
    position:relative;
    overflow:visible;
  }
  .hero-mobile-stage{
    position:relative;
    width:100vw;
    height:410px;
    overflow:hidden;
    isolation:isolate;
  }
  /* 彩虹是最底层，而且按 viewport 全宽铺开，不受 page-main 左右 padding 裁切。 */
  .hero-mobile-rainbow{
    position:absolute;
    z-index:1;
    left:50%;
    top:92px;
    width:108vw;
    max-width:none;
    height:auto;
    transform:translateX(-50%);
    pointer-events:none;
    user-select:none;
  }
  /* 主 Logo 独立一层，保持完整居中。 */
  .hero-mobile-logo{
    position:absolute;
    z-index:4;
    left:50%;
    top:8px;
    width:min(102vw,420px);
    max-width:none;
    height:auto;
    transform:translateX(-50%);
    object-fit:contain;
    pointer-events:none;
    user-select:none;
  }
  /* 装饰带固定在 Logo 下缘，最下方不会越过 stage，因而碰不到下面英文和标题。 */
  .hero-mobile-decor{
    position:absolute;
    z-index:5;
    top:330px;
    width:148px;
    height:72px;
    pointer-events:none;
  }
  .hero-mobile-decor-left{left:-4px}
  .hero-mobile-decor-right{right:-4px}
  .hero-mobile-cloud{
    position:absolute;
    z-index:1;
    inset:0;
    width:100%;
    height:100%;
    object-fit:contain;
  }
  .hero-mobile-face{
    position:absolute;
    z-index:2;
    top:12px;
    width:50px;
    height:50px;
    object-fit:contain;
  }
  .hero-mobile-decor-left .hero-mobile-face{left:37px}
  .hero-mobile-decor-right .hero-mobile-face{right:37px}

  /* 文字区从舞台之后才开始，z-index 更高，且物理上和装饰区无重叠。 */
  .hero-mobile-copy{
    position:relative;
    z-index:10;
    padding:0 18px;
    text-align:center;
  }
  .hero-mobile-kicker{
    margin:0;
    font-size:11px;
    line-height:1.4;
    font-weight:900;
    letter-spacing:.13em;
    color:var(--muted);
    white-space:nowrap;
  }
  .hero-mobile-copy h1{
    margin:10px 0 8px;
    font-size:clamp(23px,6.4vw,27px);
    line-height:1.2;
    letter-spacing:-.035em;
    white-space:nowrap;
  }
  .hero-mobile-copy p{
    margin:0 auto;
    max-width:360px;
    font-size:15px;
    line-height:1.65;
    color:var(--muted);
  }
  .hero-mobile-actions{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
    margin:18px auto 0;
    max-width:390px;
  }
  .hero-mobile-ticket{
    min-width:0;
    min-height:92px;
    border:1px solid rgba(123,82,62,.10);
    border-radius:20px;
    padding:10px 6px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:8px;
    box-shadow:0 7px 20px rgba(123,82,62,.05);
    color:var(--ink);
    text-align:center;
  }
  .hero-mobile-ticket.platform-wechat{background:rgba(236,248,239,.94)}
  .hero-mobile-ticket.platform-douyin{background:rgba(238,247,250,.94)}
  .hero-mobile-ticket.beginner-ticket{background:rgba(244,238,252,.95)}
  .hero-mobile-ticket img{width:30px;height:30px;object-fit:contain}
  .hero-mobile-ticket.beginner-ticket img{width:32px;height:32px}
  .hero-mobile-ticket b{font-size:12.5px;line-height:1.2}

  /* 关注区继续保持手机横向三卡。 */
  .social-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .social-card{flex-direction:column;justify-content:center;align-items:center;min-height:100px;padding:10px 7px;text-align:center}
  .social-copy{align-items:center;text-align:center}
  .social-copy span{display:none}
}

@media(max-width:390px){
  .hero-mobile-stage{height:400px}
  .hero-mobile-rainbow{top:94px;width:110vw}
  .hero-mobile-logo{top:10px;width:min(104vw,410px)}
  .hero-mobile-decor{top:322px;width:142px;height:70px}
  .hero-mobile-decor-left{left:-7px}
  .hero-mobile-decor-right{right:-7px}
  .hero-mobile-face{width:48px;height:48px;top:12px}
  .hero-mobile-decor-left .hero-mobile-face{left:35px}
  .hero-mobile-decor-right .hero-mobile-face{right:35px}
  .hero-mobile-copy{padding-left:14px;padding-right:14px}
  .hero-mobile-copy h1{font-size:clamp(22px,6.35vw,25px)}
  .hero-mobile-actions{gap:7px}
  .hero-mobile-ticket{min-height:88px;padding:9px 5px}
  .hero-mobile-ticket b{font-size:12px}
}
\n\n/* ================= V33 移动端详情弹窗与农场/谜题收口 ================= */\n@media(max-width:640px){\n  .recipe-modal-backdrop,.customer-modal-backdrop,.staff-modal-backdrop,.farm-modal-backdrop{\n    padding-top:max(12px,env(safe-area-inset-top));\n    padding-right:12px;\n    padding-bottom:max(12px,env(safe-area-inset-bottom));\n    padding-left:12px;\n    overscroll-behavior:contain;\n  }\n  .recipe-modal,.customer-modal,.staff-modal,.farm-modal,.farm-material-modal{\n    max-height:calc(100dvh - max(24px,env(safe-area-inset-top)) - max(24px,env(safe-area-inset-bottom)));\n    overscroll-behavior:contain;\n  }\n  .recipe-modal-close,.customer-modal-close,.staff-modal-close,.farm-modal-close{\n    width:44px;\n    height:44px;\n    right:10px;\n    top:10px;\n    padding:0;\n    margin:0;\n    font-size:0!important;\n    line-height:0!important;\n    display:grid;\n    place-items:center;\n    appearance:none;\n    -webkit-appearance:none;\n    touch-action:manipulation;\n  }\n  .recipe-modal-close::before,.recipe-modal-close::after,\n  .customer-modal-close::before,.customer-modal-close::after,\n  .staff-modal-close::before,.staff-modal-close::after,\n  .farm-modal-close::before,.farm-modal-close::after{\n    content:\"\";\n    position:absolute;\n    left:50%;\n    top:50%;\n    width:18px;\n    height:2.5px;\n    border-radius:999px;\n    background:var(--ink);\n    transform-origin:center;\n  }\n  .recipe-modal-close::before,.customer-modal-close::before,.staff-modal-close::before,.farm-modal-close::before{transform:translate(-50%,-50%) rotate(45deg)}\n  .recipe-modal-close::after,.customer-modal-close::after,.staff-modal-close::after,.farm-modal-close::after{transform:translate(-50%,-50%) rotate(-45deg)}\n}\n
/* ================= V34 后厨消消乐正式攻略页 + 移动端关闭按钮位置 ================= */
.match3-paper{overflow:hidden}
.match3-header{padding-bottom:18px}
.match3-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:8px 0 28px}
.match3-facts span{display:flex;align-items:baseline;justify-content:center;gap:7px;padding:14px 10px;border-radius:18px;background:color-mix(in srgb,var(--theme-soft) 50%,#fff);border:1px solid rgba(123,82,62,.07)}
.match3-facts b{font-size:22px}.match3-facts small{font-size:13px;color:var(--muted);font-weight:800}
.match3-section{padding:26px 0;border-top:1px dashed rgba(123,82,62,.14);scroll-margin-top:190px}
.match3-section-head{margin-bottom:18px}.match3-section-head>span{font-size:11px;letter-spacing:.14em;font-weight:900;color:var(--muted)}.match3-section-head h2{font-size:25px;margin:5px 0 6px}.match3-section-head p{margin:0;max-width:760px;font-size:15px;line-height:1.7;color:var(--muted)}
.match3-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.match3-step{padding:16px;border-radius:22px;background:rgba(255,253,249,.78);border:1px solid rgba(123,82,62,.08);box-shadow:0 7px 18px rgba(123,82,62,.035)}
.match3-step-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.match3-step-top b{font-size:12px;color:var(--theme-dark);letter-spacing:.08em}.match3-step-top img{width:42px;height:42px;object-fit:contain}.match3-step h3{font-size:17px;margin:0 0 7px}.match3-step p{font-size:14px;line-height:1.65;color:var(--muted);margin:0}
.match3-special-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.match3-special-card{padding:13px 10px 14px;text-align:center;border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.78),color-mix(in srgb,var(--theme-soft) 42%,#fff));border:1px solid rgba(123,82,62,.07)}
.match3-special-art{height:92px;display:grid;place-items:center}.match3-special-art img{width:82px;height:82px;object-fit:contain;filter:drop-shadow(0 7px 8px rgba(123,82,62,.08))}.match3-special-copy h3{font-size:16px;margin:3px 0 5px}.match3-special-copy small{display:block;min-height:36px;font-size:12.5px;line-height:1.45;color:var(--muted)}.match3-special-copy b{display:block;margin-top:7px;font-size:13.5px;color:var(--theme-dark)}
.match3-tip{display:flex;gap:12px;align-items:flex-start;margin-top:13px;padding:13px 15px;border-radius:17px;background:#fff7dc;border:1px solid rgba(203,153,63,.16)}.match3-tip b{flex:0 0 auto;font-size:14px}.match3-tip span{font-size:14px;line-height:1.65;color:var(--muted)}
.match3-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.match3-info-card{padding:18px;border-radius:22px;background:rgba(255,253,249,.82);border:1px solid rgba(123,82,62,.08)}.match3-info-card h3{font-size:16px;margin:0 0 8px}.match3-info-card strong{display:block;font-size:21px;margin-bottom:8px;color:var(--theme-dark)}.match3-info-card p{font-size:14px;line-height:1.65;color:var(--muted);margin:0}
.match3-points-box{display:grid;grid-template-columns:minmax(180px,.7fr) minmax(0,1.3fr);gap:18px;margin-top:14px;padding:18px;border-radius:22px;background:color-mix(in srgb,var(--theme-soft) 34%,#fff);border:1px solid rgba(123,82,62,.07)}.match3-points-box h3{font-size:17px;margin:0 0 7px}.match3-points-box p{font-size:14px;line-height:1.65;color:var(--muted);margin:0}.match3-points-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.match3-points-list span{display:flex;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:12px;background:rgba(255,255,255,.64)}.match3-points-list em{font-style:normal;font-size:13px;color:var(--muted)}.match3-points-list b{font-size:13px;white-space:nowrap}
.match3-reward-box{display:grid;grid-template-columns:minmax(0,1fr) 190px;align-items:center;gap:20px;margin-top:14px;padding:18px;border-radius:22px;background:#eef8f3;border:1px solid rgba(97,151,126,.12)}.match3-reward-copy h3{font-size:17px;margin:0 0 7px}.match3-reward-copy p{font-size:14px;line-height:1.7;color:var(--muted);margin:5px 0}.match3-reward-icons{display:flex;justify-content:center;gap:9px}.match3-reward-icons img{width:54px;height:54px;object-fit:contain}
.match3-faq-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.match3-faq-list article{padding:16px 17px;border-radius:18px;background:rgba(255,253,249,.76);border:1px solid rgba(123,82,62,.07)}.match3-faq-list h3{font-size:15.5px;margin:0 0 6px}.match3-faq-list p{font-size:14px;line-height:1.65;color:var(--muted);margin:0}

/* V33 的几何叉号继续保留，只把整颗按钮向弹窗内侧收。 */
@media(max-width:640px){
  .recipe-modal-close,.customer-modal-close,.staff-modal-close,.farm-modal-close{right:18px!important}
  .match3-facts{gap:7px;margin-bottom:22px}.match3-facts span{padding:11px 5px;border-radius:15px;gap:4px}.match3-facts b{font-size:18px}.match3-facts small{font-size:12px}
  .match3-section{padding:22px 0;scroll-margin-top:170px}.match3-section-head{margin-bottom:14px}.match3-section-head h2{font-size:22px}.match3-section-head p{font-size:14.5px;line-height:1.65}
  .match3-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.match3-step{padding:13px;border-radius:18px}.match3-step-top img{width:36px;height:36px}.match3-step h3{font-size:15.5px}.match3-step p{font-size:13.5px}
  .match3-special-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.match3-special-card:last-child{grid-column:1/-1;display:grid;grid-template-columns:92px minmax(0,1fr);align-items:center;text-align:left;padding:10px 14px}.match3-special-card:last-child .match3-special-art{height:82px}.match3-special-card:last-child .match3-special-copy small{min-height:0}.match3-special-art{height:86px}.match3-special-art img{width:76px;height:76px}.match3-special-copy h3{font-size:15px}.match3-special-copy small{font-size:12.5px}.match3-special-copy b{font-size:13px}.match3-tip{padding:12px 13px}.match3-tip span{font-size:13.5px}
  .match3-info-grid{grid-template-columns:1fr;gap:9px}.match3-info-card{padding:15px}.match3-info-card strong{font-size:19px}.match3-info-card p{font-size:13.8px}
  .match3-points-box{grid-template-columns:1fr;gap:12px;padding:15px}.match3-points-list{grid-template-columns:1fr 1fr;gap:6px}.match3-points-list span{padding:8px}.match3-points-list em,.match3-points-list b{font-size:12.5px}
  .match3-reward-box{grid-template-columns:1fr;padding:15px;gap:10px}.match3-reward-icons{justify-content:flex-start}.match3-reward-icons img{width:48px;height:48px}.match3-reward-copy p{font-size:13.8px}
  .match3-faq-list{grid-template-columns:1fr;gap:8px}.match3-faq-list article{padding:14px}.match3-faq-list h3{font-size:15px}.match3-faq-list p{font-size:13.8px}
}


/* ================= V35 商业街委托正式页 ================= */
.commission-paper{overflow:hidden}
.commission-header{padding-bottom:18px}
.commission-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:8px 0 28px}
.commission-facts span{display:flex;align-items:baseline;justify-content:center;gap:7px;padding:14px 10px;border-radius:18px;background:color-mix(in srgb,var(--theme-soft) 50%,#fff);border:1px solid rgba(123,82,62,.07)}
.commission-facts b{font-size:22px}.commission-facts small{font-size:13px;color:var(--muted);font-weight:800}
.commission-section{padding:26px 0;border-top:1px dashed rgba(123,82,62,.14);scroll-margin-top:190px}
.commission-section-head{margin-bottom:18px}.commission-section-head>span{font-size:11px;letter-spacing:.14em;font-weight:900;color:var(--muted)}.commission-section-head h2{font-size:25px;margin:5px 0 6px}.commission-section-head p{margin:0;max-width:780px;font-size:15px;line-height:1.7;color:var(--muted)}
.commission-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.commission-flow article{padding:16px;border-radius:22px;background:rgba(255,253,249,.80);border:1px solid rgba(123,82,62,.08);box-shadow:0 7px 18px rgba(123,82,62,.035)}.commission-flow article>b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--theme-soft);font-size:12px;color:var(--theme-dark)}.commission-flow h3{font-size:17px;margin:10px 0 7px}.commission-flow p{font-size:14px;line-height:1.65;color:var(--muted);margin:0}
.commission-rarity-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.commission-rarity-card{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:10px;padding:14px;border-radius:21px;background:rgba(255,253,249,.80);border:1px solid rgba(123,82,62,.08)}.commission-rarity-card img{width:64px;height:64px;object-fit:contain;image-rendering:auto}.commission-rarity-card small{font-size:10px;letter-spacing:.12em;color:var(--muted);font-weight:900}.commission-rarity-card h3{font-size:17px;margin:2px 0 4px}.commission-rarity-card p{font-size:13px;line-height:1.55;color:var(--muted);margin:0}.commission-rarity-card.rarity-n{background:#f1f8ef}.commission-rarity-card.rarity-r{background:#eef6fb}.commission-rarity-card.rarity-sr{background:#f5effb}.commission-rarity-card.rarity-ssr{background:#fff6df}
.commission-type-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.commission-type-grid article{position:relative;padding:17px 17px 16px;border-radius:21px;background:rgba(255,253,249,.80);border:1px solid rgba(123,82,62,.08)}.commission-type-grid article>span{position:absolute;right:14px;top:13px;padding:5px 8px;border-radius:999px;background:var(--theme-soft);font-size:10px;font-weight:900;color:var(--muted)}.commission-type-grid h3{font-size:17px;margin:0 0 7px}.commission-type-grid p{font-size:14px;line-height:1.65;color:var(--muted);margin:0;padding-right:42px}.commission-danger{margin-top:12px;padding:14px 16px;border-radius:18px;background:#fff0e7;border:1px solid rgba(190,107,73,.14)}.commission-danger b{font-size:14.5px}.commission-danger p{font-size:14px;line-height:1.65;margin:5px 0 0;color:var(--muted)}
.commission-refresh-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.commission-refresh-grid article{padding:16px;text-align:center;border-radius:20px;background:color-mix(in srgb,var(--theme-soft) 34%,#fff);border:1px solid rgba(123,82,62,.07)}.commission-refresh-grid strong{display:block;font-size:24px;color:var(--theme-dark)}.commission-refresh-grid h3{font-size:15px;margin:5px 0}.commission-refresh-grid p{font-size:13px;line-height:1.55;color:var(--muted);margin:0}.commission-note{display:flex;align-items:flex-start;gap:12px;margin-top:12px;padding:13px 15px;border-radius:17px;background:#fff8df;border:1px solid rgba(203,153,63,.16)}.commission-note b{flex:0 0 auto;font-size:14px}.commission-note span{font-size:14px;line-height:1.65;color:var(--muted)}
.commission-reward-box{display:grid;grid-template-columns:.9fr 1.1fr;gap:14px;padding:18px;border-radius:23px;background:#eef8f3;border:1px solid rgba(97,151,126,.12)}.commission-reward-box h3{font-size:17px;margin:0 0 9px}.commission-reward-chips{display:flex;flex-wrap:wrap;gap:7px}.commission-reward-chips span{padding:6px 10px;border-radius:999px;background:#fff;border:1px solid rgba(123,82,62,.08);font-size:13px;font-weight:800}.commission-reward-box>div>p{font-size:13.5px;line-height:1.65;color:var(--muted);margin:10px 0 0}.commission-tip-list{display:grid;gap:7px}.commission-tip-list p{margin:0;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.58);font-size:13.5px;line-height:1.6;color:var(--muted)}.commission-tip-list b{color:var(--ink)}
.article-scene-commission-guide .article-scene-frame img{object-position:center 50%}
@media(max-width:980px){.commission-flow,.commission-rarity-grid,.commission-refresh-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.commission-facts{gap:7px;margin-bottom:22px}.commission-facts span{padding:11px 5px;border-radius:15px;gap:4px}.commission-facts b{font-size:18px}.commission-facts small{font-size:12px}.commission-section{padding:22px 0;scroll-margin-top:170px}.commission-section-head h2{font-size:22px}.commission-section-head p{font-size:14.5px}.commission-flow{grid-template-columns:1fr 1fr;gap:9px}.commission-flow article{padding:13px}.commission-flow h3{font-size:15.5px}.commission-flow p{font-size:13.5px}.commission-rarity-grid{grid-template-columns:1fr 1fr;gap:8px}.commission-rarity-card{grid-template-columns:58px 1fr;padding:11px;gap:8px}.commission-rarity-card img{width:52px;height:52px}.commission-rarity-card h3{font-size:15px}.commission-rarity-card p{font-size:12.5px}.commission-type-grid{grid-template-columns:1fr;gap:8px}.commission-type-grid article{padding:14px}.commission-type-grid p,.commission-danger p{font-size:13.5px}.commission-refresh-grid{grid-template-columns:1fr 1fr;gap:8px}.commission-refresh-grid article{padding:13px}.commission-refresh-grid strong{font-size:20px}.commission-note{display:block}.commission-note b{display:block;margin-bottom:5px}.commission-note span{font-size:13.5px}.commission-reward-box{grid-template-columns:1fr;padding:15px}.commission-reward-chips span{font-size:12.5px}.commission-reward-box>div>p,.commission-tip-list p{font-size:13.5px}}

/* ================= V36 市场与份额正式页 ================= */
.market-paper{overflow:hidden}
.market-header{padding-bottom:18px}
.market-hero{margin:2px 0 18px;position:relative}
.market-hero-art{height:390px;border-radius:28px;overflow:hidden;border:6px solid rgba(255,253,249,.96);box-shadow:0 12px 28px rgba(123,82,62,.08);background:#fff2bd}
.market-hero-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 3%;image-rendering:auto}
.market-hero figcaption{position:absolute;left:22px;bottom:16px;padding:6px 10px;border-radius:999px;background:rgba(255,253,249,.92);font-size:12px;font-weight:900;color:var(--ink);box-shadow:0 4px 10px rgba(123,82,62,.06)}
.market-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:8px 0 28px}
.market-facts span{display:flex;align-items:baseline;justify-content:center;gap:7px;padding:14px 10px;border-radius:18px;background:color-mix(in srgb,var(--theme-soft) 50%,#fff);border:1px solid rgba(123,82,62,.07)}
.market-facts b{font-size:22px}.market-facts small{font-size:13px;color:var(--muted);font-weight:800}
.market-section{padding:28px 0;border-top:1px dashed rgba(123,82,62,.14);scroll-margin-top:190px}
.market-section-head{margin-bottom:18px}.market-section-head>span{font-size:11px;letter-spacing:.14em;font-weight:900;color:var(--muted)}.market-section-head h2{font-size:25px;margin:5px 0 6px}.market-section-head p{margin:0;max-width:800px;font-size:15px;line-height:1.72;color:var(--muted)}
.market-concept-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.market-concept-grid article{position:relative;padding:19px 18px 17px;border-radius:23px;background:rgba(255,253,249,.82);border:1px solid rgba(123,82,62,.08);box-shadow:0 7px 18px rgba(123,82,62,.035)}.market-concept-tag{position:absolute;right:15px;top:14px;padding:5px 9px;border-radius:999px;background:var(--theme-soft);font-size:11px;font-weight:900;color:var(--theme-dark)}.market-concept-grid h3{font-size:18px;margin:0 0 6px}.market-concept-grid strong{display:block;font-size:23px;color:var(--theme-dark);margin-bottom:7px}.market-concept-grid p{font-size:14px;line-height:1.7;color:var(--muted);margin:0 0 9px}.market-concept-grid ul{margin:0;padding-left:19px;color:var(--muted);font-size:13.5px;line-height:1.8}
.market-note{display:flex;align-items:flex-start;gap:12px;margin-top:12px;padding:14px 16px;border-radius:18px;background:#fff8df;border:1px solid rgba(203,153,63,.16)}.market-note b{flex:0 0 auto;font-size:14.5px}.market-note span{font-size:14px;line-height:1.68;color:var(--muted)}
.market-rival-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.market-rival-card{padding:18px;border-radius:23px;border:1px solid rgba(123,82,62,.08)}.market-rival-card.normal{background:#eef8f3}.market-rival-card.advanced{background:#f5effb}.market-rival-card>span{display:inline-flex;padding:5px 9px;border-radius:999px;background:rgba(255,255,255,.74);font-size:11px;font-weight:900;color:var(--muted)}.market-rival-card h3{font-size:18px;margin:9px 0 12px}.market-stage-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-top:1px dashed rgba(123,82,62,.12);font-size:14px}.market-stage-row b{font-size:13px}.market-stage-row em{font-style:normal;color:var(--muted);text-align:right}.market-rival-card p{font-size:13.5px;line-height:1.65;color:var(--muted);margin:11px 0 0}.market-tip{display:flex;gap:11px;margin-top:12px;padding:14px 16px;border-radius:18px;background:#fff0e7;border:1px solid rgba(190,107,73,.14)}.market-tip b{flex:0 0 auto;font-size:14.5px}.market-tip span{font-size:14px;line-height:1.67;color:var(--muted)}
.market-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.market-stat-grid article{text-align:center;padding:17px 13px;border-radius:21px;background:color-mix(in srgb,var(--theme-soft) 36%,#fff);border:1px solid rgba(123,82,62,.07)}.market-stat-grid strong{display:block;font-size:23px;color:var(--theme-dark)}.market-stat-grid h3{font-size:15.5px;margin:6px 0}.market-stat-grid p{font-size:13px;line-height:1.6;color:var(--muted);margin:0}
.market-partner-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.market-partner-card{padding:15px;border-radius:22px;background:rgba(255,253,249,.82);border:1px solid rgba(123,82,62,.08);box-shadow:0 6px 16px rgba(123,82,62,.025)}.market-partner-card:last-child{grid-column:1/-1;max-width:calc(50% - 6px);width:100%;justify-self:center}.market-partner-top{display:flex;align-items:center;gap:11px}.market-partner-top img{width:54px;height:54px;object-fit:contain;image-rendering:auto;background:var(--theme-soft);border-radius:17px;padding:7px}.market-partner-top small{font-size:10px;letter-spacing:.12em;color:var(--muted);font-weight:900}.market-partner-top h3{font-size:17px;margin:1px 0 2px}.market-partner-top span{font-size:12px;color:var(--muted)}.market-partner-card>p{font-size:14px;line-height:1.65;color:var(--ink);margin:11px 0 6px}.market-partner-card>b{font-size:12.5px;color:var(--theme-dark)}
.market-withdraw-box{margin-top:13px;padding:17px;border-radius:22px;background:#f5f7ee;border:1px solid rgba(123,82,62,.07)}.market-withdraw-box h3{font-size:17px;margin:0 0 10px}.market-withdraw-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.market-withdraw-grid span{display:flex;align-items:center;justify-content:space-between;gap:7px;padding:10px 11px;border-radius:14px;background:rgba(255,255,255,.72);font-size:13px}.market-withdraw-grid em{font-style:normal;font-size:16px;font-weight:900;color:var(--theme-dark)}.market-withdraw-box p{font-size:13.5px;line-height:1.65;color:var(--muted);margin:10px 0 0}
.market-grain-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.market-grain-grid article{text-align:center;padding:16px 12px;border-radius:20px;background:rgba(255,249,226,.78);border:1px solid rgba(123,82,62,.07)}.market-grain-grid strong{display:block;font-size:21px;color:var(--theme-dark)}.market-grain-grid h3{font-size:15px;margin:6px 0}.market-grain-grid p{font-size:12.8px;line-height:1.58;color:var(--muted);margin:0}
@media(max-width:980px){.market-grain-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.market-hero-art{height:210px;border-width:4px;border-radius:22px}.market-hero figcaption{left:12px;bottom:10px;font-size:11px}.market-facts{gap:7px;margin-bottom:22px}.market-facts span{padding:11px 5px;border-radius:15px;gap:4px}.market-facts b{font-size:18px}.market-facts small{font-size:12px}.market-section{padding:22px 0;scroll-margin-top:170px}.market-section-head h2{font-size:22px}.market-section-head p{font-size:14.5px}.market-concept-grid,.market-rival-grid{grid-template-columns:1fr;gap:9px}.market-concept-grid article,.market-rival-card{padding:15px}.market-concept-grid h3,.market-rival-card h3{font-size:16.5px}.market-concept-grid strong{font-size:21px}.market-concept-grid p,.market-rival-card p{font-size:13.5px}.market-note,.market-tip{display:block}.market-note b,.market-tip b{display:block;margin-bottom:5px}.market-note span,.market-tip span{font-size:13.5px}.market-stat-grid{grid-template-columns:1fr 1fr;gap:8px}.market-stat-grid article:last-child{grid-column:1/-1}.market-stat-grid strong{font-size:20px}.market-partner-grid{grid-template-columns:1fr;gap:8px}.market-partner-card:last-child{grid-column:auto;max-width:none}.market-partner-card{padding:13px}.market-partner-top img{width:48px;height:48px}.market-partner-card>p{font-size:13.5px}.market-withdraw-box{padding:14px}.market-withdraw-grid{grid-template-columns:1fr}.market-withdraw-grid span{font-size:12.8px}.market-grain-grid{grid-template-columns:1fr 1fr;gap:8px}.market-grain-grid article{padding:13px 8px}.market-grain-grid strong{font-size:18px}.market-grain-grid p{font-size:12.5px}}


/* ================= V37 六大分类 + 手机主题音乐 ================= */
.mobile-header-tool{display:none}
.mobile-tool-backdrop{position:fixed;z-index:420;inset:0;background:rgba(69,48,39,.28);backdrop-filter:blur(5px);align-items:flex-end;justify-content:center;padding:16px;opacity:0;transition:opacity .15s ease}
.mobile-tool-backdrop.show{opacity:1}
.mobile-tool-backdrop:not([hidden]){display:flex}
.mobile-tool-sheet{width:min(520px,100%);background:#fffdf9;border:1px solid rgba(123,82,62,.12);border-radius:26px;padding:18px 18px calc(18px + env(safe-area-inset-bottom));box-shadow:0 22px 70px rgba(74,45,35,.26);transform:translateY(14px);transition:transform .15s ease}
.mobile-tool-backdrop.show .mobile-tool-sheet{transform:none}
.mobile-tool-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.mobile-tool-head small{display:block;font-size:10px;letter-spacing:.14em;font-weight:900;color:var(--muted)}.mobile-tool-head h2{font-size:21px;margin:2px 0 0}.mobile-tool-close{width:40px;height:40px;border:0;border-radius:50%;background:var(--theme-soft);font-size:0;position:relative}.mobile-tool-close:before,.mobile-tool-close:after{content:"";position:absolute;left:50%;top:50%;width:17px;height:2px;border-radius:2px;background:var(--ink)}.mobile-tool-close:before{transform:translate(-50%,-50%) rotate(45deg)}.mobile-tool-close:after{transform:translate(-50%,-50%) rotate(-45deg)}
.mobile-theme-options{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.mobile-theme-options button{border:1px solid rgba(123,82,62,.10);background:#fffaf5;border-radius:16px;padding:10px 4px;display:grid;place-items:center;gap:7px}.mobile-theme-options button i{width:31px;height:31px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1px rgba(123,82,62,.12)}.mobile-theme-options button b{font-size:11px}.mobile-theme-options button.active{box-shadow:0 0 0 2px var(--theme-dark)}.mobile-theme-options [data-mobile-theme="yellow"] i{background:#FCDFBA}.mobile-theme-options [data-mobile-theme="pink"] i{background:#FEE8EF}.mobile-theme-options [data-mobile-theme="mint"] i{background:#D2E9D9}.mobile-theme-options [data-mobile-theme="blue"] i{background:#D5E4F6}.mobile-theme-options [data-mobile-theme="lavender"] i{background:#F1D7F5}
.mobile-track-options{display:grid;gap:7px}.mobile-track-options button{border:1px solid rgba(123,82,62,.09);background:#fffaf5;border-radius:15px;padding:11px 12px;display:flex;align-items:center;gap:11px;text-align:left}.mobile-track-options button span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--theme-soft);font-size:10px;font-weight:900}.mobile-track-options button b{font-size:13px}.mobile-track-options button.active{background:color-mix(in srgb,var(--theme-soft) 60%,#fff);border-color:var(--theme-dark)}.mobile-music-toggle{width:100%;min-height:48px;margin-top:12px;border:0;border-radius:16px;background:var(--theme);font-weight:900;font-size:14px}

.guide-hub-shell{max-width:1160px;margin:0 auto;padding:4px 0 18px}.guide-hub-nav{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:0 0 12px}.guide-hub-nav button{border:1px solid rgba(123,82,62,.10);background:rgba(255,253,249,.78);border-radius:999px;padding:9px 14px;font-size:13px;font-weight:900}.guide-hub-nav button.active{background:var(--theme);border-color:transparent}.guide-hub-paper{background:rgba(255,253,249,.83);border:1px solid rgba(123,82,62,.10);border-radius:32px;padding:28px;box-shadow:var(--shadow)}
.guide-hub-hero{display:grid;grid-template-columns:230px minmax(0,1fr);gap:30px;align-items:center;padding:4px 6px 25px;border-bottom:2px solid var(--theme-soft)}.guide-hub-art{width:220px;height:220px;border-radius:50%;display:block;position:relative;border:6px solid rgba(255,253,249,.95);box-shadow:0 10px 28px rgba(123,82,62,.07);overflow:hidden}.guide-hub-icon-wrap{position:absolute;left:6%;top:6%;width:88%;height:88%;display:block}.guide-hub-icon-image{display:block;width:100%;height:100%;object-fit:contain}.guide-hub-art-staff .guide-hub-icon-wrap{transform:translateX(5%)}.guide-hub-copy small{font-size:11px;letter-spacing:.15em;font-weight:900;color:var(--muted)}.guide-hub-copy h1{font-size:34px;margin:5px 0 8px}.guide-hub-copy p{font-size:16px;line-height:1.7;color:var(--muted);margin:0 0 15px}.guide-hub-copy button{border:1px solid rgba(123,82,62,.10);background:#fffdf9;border-radius:14px;padding:9px 13px;font-size:13px;font-weight:800}
.guide-hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px}.guide-hub-card{min-width:0;border:1px solid rgba(123,82,62,.09);background:rgba(255,253,249,.74);border-radius:22px;padding:17px;text-align:left;display:flex;flex-direction:column;align-items:flex-start;min-height:155px;box-shadow:0 7px 18px rgba(123,82,62,.04);transition:transform .15s ease,box-shadow .15s ease}.guide-hub-card:hover{transform:translateY(-3px);box-shadow:0 12px 25px rgba(123,82,62,.08)}.guide-hub-card>span{padding:4px 8px;border-radius:999px;background:var(--theme-soft);font-size:11px;font-weight:900;color:var(--muted)}.guide-hub-card>b{font-size:18px;margin-top:10px}.guide-hub-card>p{font-size:14px;line-height:1.6;color:var(--muted);margin:7px 0 12px}.guide-hub-card>i{font-style:normal;font-size:12px;font-weight:900;color:var(--theme-dark);margin-top:auto}

@media(max-width:900px){.guide-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-hub-hero{grid-template-columns:190px minmax(0,1fr)}.guide-hub-art{width:180px;height:180px}}
@media(max-width:640px){
  .header-tools .theme-dots,.header-tools select,.header-tools .music-btn{display:none!important}.mobile-header-tool{display:inline-flex;align-items:center;justify-content:center;height:40px;border:1px solid rgba(123,82,62,.12);background:rgba(255,253,249,.90);border-radius:14px;padding:0 10px;font-size:12px;font-weight:900}.header-tools{gap:6px}
  .guide-hub-shell{padding:0}.guide-hub-nav{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;padding:2px 0 8px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.guide-hub-nav::-webkit-scrollbar{display:none}.guide-hub-nav button{flex:0 0 auto;min-height:40px;padding:8px 13px;font-size:13px}.guide-hub-paper{border-radius:25px;padding:18px 15px}.guide-hub-hero{grid-template-columns:96px minmax(0,1fr);gap:14px;padding:2px 0 18px}.guide-hub-art{width:92px;height:92px;border-width:4px}.guide-hub-copy small{font-size:9px}.guide-hub-copy h1{font-size:25px;margin:3px 0 5px}.guide-hub-copy p{font-size:14px;line-height:1.55;margin-bottom:9px}.guide-hub-copy button{padding:7px 10px;font-size:12px}.guide-hub-grid{grid-template-columns:1fr;gap:8px;margin-top:15px}.guide-hub-card{min-height:0;padding:14px 15px;border-radius:18px}.guide-hub-card>b{font-size:16.5px;margin-top:7px}.guide-hub-card>p{font-size:14px;margin:5px 0 9px}.guide-hub-card>span{font-size:10.5px}.guide-hub-card>i{font-size:11.5px}
  .market-hero-art img{object-position:center 50%}
}

/* V40 · 材料与研发正式攻略 */
.drink-paper{overflow:hidden}.drink-header{padding-bottom:18px}.drink-hero{display:grid;grid-template-columns:180px minmax(0,1fr);gap:20px;align-items:center;margin:2px 0 16px;padding:18px 20px;border-radius:26px;background:color-mix(in srgb,var(--theme-soft) 42%,#fff);border:1px solid rgba(123,82,62,.07)}.drink-hero-art{width:160px;height:160px;border-radius:50%;position:relative;overflow:hidden;border:5px solid rgba(255,253,249,.94);box-shadow:0 8px 20px rgba(123,82,62,.06)}.drink-hero-art img{position:absolute;left:6%;top:6%;width:88%;height:88%;object-fit:contain}.drink-hero-copy{display:grid;gap:7px}.drink-hero-copy>b{font-size:18px}.drink-hero-copy>span{position:relative;padding-left:18px;font-size:14.5px;line-height:1.6;color:var(--muted)}.drink-hero-copy>span:before{content:'✓';position:absolute;left:0;top:0;color:var(--theme-dark);font-weight:900}.drink-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:8px 0 28px}.drink-facts span{display:flex;align-items:baseline;justify-content:center;gap:7px;padding:14px 10px;border-radius:18px;background:color-mix(in srgb,var(--theme-soft) 50%,#fff);border:1px solid rgba(123,82,62,.07)}.drink-facts b{font-size:22px}.drink-facts small{font-size:13px;color:var(--muted);font-weight:800}.drink-section{padding:28px 0;border-top:1px dashed rgba(123,82,62,.14);scroll-margin-top:190px}.drink-section-head{margin-bottom:18px}.drink-section-head>span{font-size:11px;letter-spacing:.14em;font-weight:900;color:var(--muted)}.drink-section-head h2{font-size:25px;margin:5px 0 6px}.drink-section-head p{margin:0;max-width:800px;font-size:15px;line-height:1.72;color:var(--muted)}
.drink-route-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.drink-route-grid article{position:relative;padding:16px;border-radius:22px;background:rgba(255,253,249,.82);border:1px solid rgba(123,82,62,.08);box-shadow:0 7px 18px rgba(123,82,62,.035)}.drink-route-grid article>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--theme-soft);font-size:12px;font-weight:900;color:var(--theme-dark)}.drink-route-grid article>em{position:absolute;right:13px;top:14px;padding:4px 8px;border-radius:999px;background:rgba(255,255,255,.7);font-style:normal;font-size:10px;font-weight:900;color:var(--muted)}.drink-route-grid h3{font-size:17px;margin:10px 0 7px}.drink-route-grid p{font-size:14px;line-height:1.65;color:var(--muted);margin:0}
.drink-source-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.drink-source-grid article{padding:17px;border-radius:22px;background:rgba(255,253,249,.82);border:1px solid rgba(123,82,62,.08)}.drink-source-grid article>span{display:inline-flex;padding:4px 8px;border-radius:999px;background:var(--theme-soft);font-size:10.5px;font-weight:900;color:var(--theme-dark)}.drink-source-grid h3{font-size:17px;margin:9px 0 6px}.drink-source-grid p{font-size:14px;line-height:1.68;color:var(--muted);margin:0 0 9px}.drink-source-grid b{font-size:13px;color:var(--theme-dark)}.drink-source-grid button,.drink-compare-grid button{border:0;background:transparent;padding:0;color:var(--theme-dark);font-size:13px;font-weight:900}.drink-limit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.drink-limit-grid article{text-align:center;padding:16px 10px;border-radius:21px;background:color-mix(in srgb,var(--theme-soft) 34%,#fff);border:1px solid rgba(123,82,62,.07)}.drink-limit-grid strong{display:block;font-size:24px;color:var(--theme-dark)}.drink-limit-grid b{display:block;font-size:15px;margin:4px 0}.drink-limit-grid p{font-size:12.8px;line-height:1.55;color:var(--muted);margin:0}.drink-note,.drink-warning{display:flex;align-items:flex-start;gap:12px;margin-top:12px;padding:14px 16px;border-radius:18px;border:1px solid rgba(123,82,62,.08)}.drink-note{background:#fff8df}.drink-warning{background:#fff0e7}.drink-note b,.drink-warning b{flex:0 0 auto;font-size:14.5px}.drink-note span,.drink-warning p{font-size:14px;line-height:1.68;color:var(--muted);margin:0}.drink-compare-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:12px}.drink-compare-grid article{padding:17px;border-radius:22px;border:1px solid rgba(123,82,62,.08)}.drink-compare-grid .official{background:#eef8f3}.drink-compare-grid .diy{background:#f5effb}.drink-compare-grid small{font-size:10px;letter-spacing:.14em;font-weight:900;color:var(--muted)}.drink-compare-grid h3{font-size:17px;margin:5px 0 6px}.drink-compare-grid p{font-size:14px;line-height:1.65;color:var(--muted);margin:0 0 8px}
.drink-upgrade-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-bottom:12px}.drink-upgrade-summary article{padding:16px 17px;border-radius:21px;background:rgba(255,253,249,.82);border:1px solid rgba(123,82,62,.08)}.drink-upgrade-summary b{font-size:16px}.drink-upgrade-summary p{font-size:14px;line-height:1.65;color:var(--muted);margin:6px 0 0}.drink-upgrade-table{border:1px solid rgba(123,82,62,.08);border-radius:20px;overflow:hidden;background:rgba(255,253,249,.82)}.drink-upgrade-row{display:grid;grid-template-columns:.75fr 1.35fr 1fr 1fr;align-items:center;min-height:42px;padding:0 14px;border-top:1px dashed rgba(123,82,62,.10)}.drink-upgrade-row:first-child{border-top:0}.drink-upgrade-row.head{background:color-mix(in srgb,var(--theme-soft) 58%,#fff)}.drink-upgrade-row b,.drink-upgrade-row span{font-size:13.5px}.drink-upgrade-row span{color:var(--muted)}
.drink-welcome-box{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(220px,.65fr);gap:12px}.drink-welcome-box>div,.drink-welcome-box>aside{padding:18px;border-radius:22px;border:1px solid rgba(123,82,62,.08)}.drink-welcome-box>div{background:rgba(255,253,249,.82)}.drink-welcome-box>aside{background:#eef8f3}.drink-welcome-box h3{font-size:17px;margin:0 0 7px}.drink-welcome-box p{font-size:14px;line-height:1.67;color:var(--muted);margin:0}.drink-welcome-gains{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:13px}.drink-welcome-gains span{display:flex;justify-content:space-between;gap:7px;padding:8px 9px;border-radius:13px;background:var(--theme-soft)}.drink-welcome-gains b,.drink-welcome-gains em{font-size:12.5px}.drink-welcome-gains em{font-style:normal;color:var(--theme-dark);font-weight:900}.drink-welcome-box aside>strong{font-size:13px;color:var(--theme-dark)}.drink-welcome-box aside>b{display:block;font-size:22px;margin:5px 0 7px}.drink-progress-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:11px}.drink-progress-row span{padding:10px 11px;border-radius:15px;background:rgba(255,253,249,.78);border:1px solid rgba(123,82,62,.07)}.drink-progress-row b,.drink-progress-row em{display:block;font-size:12.8px}.drink-progress-row em{font-style:normal;color:var(--muted);margin-top:3px}
.drink-enhance-example{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.drink-enhance-example>div{padding:18px;border-radius:22px;background:#eef8f3;border:1px solid rgba(123,82,62,.08)}.drink-enhance-example>div.danger{background:#fff0e7}.drink-enhance-example small{font-size:10.5px;font-weight:900;color:var(--muted)}.drink-enhance-example h3{font-size:17px;margin:6px 0}.drink-enhance-example p{font-size:14px;line-height:1.67;color:var(--muted);margin:0}.drink-enhance-rules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}.drink-enhance-rules article{padding:16px;border-radius:20px;background:rgba(255,253,249,.82);border:1px solid rgba(123,82,62,.08)}.drink-enhance-rules strong{display:block;font-size:20px;color:var(--theme-dark)}.drink-enhance-rules h3{font-size:15.5px;margin:6px 0}.drink-enhance-rules p{font-size:13.5px;line-height:1.62;color:var(--muted);margin:0}
.drink-refine-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.drink-refine-grid article{padding:17px;border-radius:21px;background:rgba(255,253,249,.82);border:1px solid rgba(123,82,62,.08)}.drink-refine-grid strong{display:block;font-size:20px;color:var(--theme-dark)}.drink-refine-grid h3{font-size:15.5px;margin:6px 0}.drink-refine-grid p{font-size:13.5px;line-height:1.65;color:var(--muted);margin:0}.drink-tip-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.drink-tip-grid article{padding:16px 17px;border-radius:19px;background:rgba(255,253,249,.78);border:1px solid rgba(123,82,62,.07)}.drink-tip-grid h3{font-size:15.5px;margin:0 0 6px}.drink-tip-grid p{font-size:14px;line-height:1.65;color:var(--muted);margin:0}
@media(max-width:980px){.drink-route-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.drink-enhance-rules,.drink-refine-grid{grid-template-columns:1fr 1fr}.drink-refine-grid article:last-child{grid-column:1/-1}.drink-welcome-box{grid-template-columns:1fr}}
@media(max-width:640px){.drink-hero{grid-template-columns:90px minmax(0,1fr);gap:13px;padding:14px;border-radius:21px}.drink-hero-art{width:82px;height:82px;border-width:4px}.drink-hero-copy>b{font-size:15.5px}.drink-hero-copy>span{font-size:13px;line-height:1.5;padding-left:15px}.drink-facts{gap:7px;margin-bottom:22px}.drink-facts span{padding:11px 5px;border-radius:15px;gap:4px}.drink-facts b{font-size:18px}.drink-facts small{font-size:11.5px}.drink-section{padding:22px 0;scroll-margin-top:170px}.drink-section-head{margin-bottom:14px}.drink-section-head h2{font-size:22px}.drink-section-head p{font-size:14.5px;line-height:1.65}.drink-route-grid,.drink-source-grid,.drink-compare-grid,.drink-upgrade-summary,.drink-enhance-example,.drink-tip-grid{grid-template-columns:1fr;gap:8px}.drink-route-grid article,.drink-source-grid article,.drink-compare-grid article,.drink-upgrade-summary article,.drink-enhance-example>div,.drink-tip-grid article{padding:14px}.drink-route-grid h3,.drink-source-grid h3,.drink-compare-grid h3,.drink-upgrade-summary b,.drink-enhance-example h3{font-size:15.5px}.drink-route-grid p,.drink-source-grid p,.drink-compare-grid p,.drink-upgrade-summary p,.drink-enhance-example p,.drink-tip-grid p{font-size:13.5px}.drink-limit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.drink-limit-grid article{padding:13px 8px}.drink-limit-grid strong{font-size:21px}.drink-note,.drink-warning{display:block;padding:12px 13px}.drink-note b,.drink-warning b{display:block;margin-bottom:5px}.drink-note span,.drink-warning p{font-size:13.5px}.drink-upgrade-row{grid-template-columns:.72fr 1.3fr .9fr .9fr;padding:0 8px;min-height:40px}.drink-upgrade-row b,.drink-upgrade-row span{font-size:12.2px}.drink-welcome-box>div,.drink-welcome-box>aside{padding:14px}.drink-welcome-box aside>b{font-size:19px}.drink-welcome-gains{grid-template-columns:1fr 1fr;gap:6px}.drink-progress-row{grid-template-columns:1fr 1fr;gap:7px}.drink-enhance-rules,.drink-refine-grid{grid-template-columns:1fr;gap:8px}.drink-refine-grid article:last-child{grid-column:auto}.drink-enhance-rules article,.drink-refine-grid article{padding:14px}.drink-enhance-rules strong,.drink-refine-grid strong{font-size:18px}.drink-enhance-rules p,.drink-refine-grid p{font-size:13.3px}}


/* ================= V41 new-player guide ================= */
.beginner-paper{overflow:hidden}.beginner-header{border-bottom:0;padding-bottom:10px}.beginner-section{padding:28px 0;border-top:1px dashed rgba(123,82,62,.14);scroll-margin-top:170px}.beginner-section:first-of-type{border-top:0}.beginner-section-head{max-width:820px;margin-bottom:17px}.beginner-section-head>span{display:block;font-size:11px;font-weight:900;letter-spacing:.14em;color:var(--theme-dark)}.beginner-section-head h2{font-size:26px;margin:4px 0 6px}.beginner-section-head p{margin:0;font-size:15px;line-height:1.75;color:var(--muted)}
.beginner-loop{display:flex;align-items:stretch;gap:8px}.beginner-loop>span{flex:1;min-width:0;display:grid;grid-template-columns:32px 1fr;grid-template-rows:auto auto;column-gap:8px;align-items:center;padding:13px;border-radius:18px;background:color-mix(in srgb,var(--theme-soft) 50%,#fffdf9);border:1px solid rgba(123,82,62,.08)}.beginner-loop>span>b{grid-row:1/3;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#fffdf9;font-size:13px}.beginner-loop strong{font-size:15px}.beginner-loop small{font-size:11.5px;line-height:1.45;color:var(--muted)}.beginner-loop>i{align-self:center;font-size:20px;font-style:normal;color:var(--theme-dark);font-weight:900}.beginner-first-tip{margin-top:13px;padding:14px 16px;border-radius:17px;background:#fff7d8;border:1px solid rgba(123,82,62,.08)}.beginner-first-tip b{font-size:14px}.beginner-first-tip p{font-size:13.5px;line-height:1.7;margin:4px 0 0;color:var(--muted)}
.beginner-order-flow{display:flex;align-items:center;gap:9px}.beginner-order-flow article{flex:1;text-align:center;padding:14px 10px 13px;border-radius:20px;background:rgba(255,253,249,.76);border:1px solid rgba(123,82,62,.08)}.beginner-order-flow article>span{width:86px;height:86px;margin:0 auto 6px;display:grid;place-items:end center;border-radius:50%;background:var(--theme-soft);overflow:hidden}.beginner-order-flow img{width:84%;height:84%;object-fit:contain;object-position:center center;}.beginner-order-flow small{display:block;font-size:9.5px;letter-spacing:.1em;color:var(--muted);font-weight:900}.beginner-order-flow b{display:block;font-size:16px;margin-top:2px}.beginner-order-flow p{font-size:12px;margin:2px 0 0;color:var(--muted)}.beginner-order-flow>i{font-size:26px;font-style:normal;color:var(--theme-dark);font-weight:900}.beginner-help-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.beginner-help-row article{padding:15px 16px;border-radius:18px;background:color-mix(in srgb,var(--theme-soft) 42%,#fff);border:1px solid rgba(123,82,62,.08)}.beginner-help-row b{font-size:14px}.beginner-help-row p{font-size:13px;line-height:1.7;color:var(--muted);margin:4px 0}.beginner-help-row button,.beginner-menu-grid button,.beginner-source-grid button,.beginner-growth-grid button{border:0;background:transparent;padding:2px 0;color:var(--theme-dark);font-size:12px;font-weight:900}
.beginner-menu-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:11px}.beginner-menu-grid article{padding:18px;border-radius:21px;border:1px solid rgba(123,82,62,.08);background:rgba(255,253,249,.78)}.beginner-menu-grid article.main{background:linear-gradient(135deg,color-mix(in srgb,var(--theme-soft) 68%,#fff),#fffdf9)}.beginner-menu-grid small{display:inline-block;padding:4px 8px;border-radius:999px;background:#fffdf9;font-size:10px;font-weight:900;color:var(--muted)}.beginner-menu-grid h3{font-size:18px;margin:9px 0 5px}.beginner-menu-grid p{font-size:13.5px;line-height:1.75;color:var(--muted);margin:0 0 8px}
.beginner-source-grid,.beginner-growth-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.beginner-source-grid article,.beginner-growth-grid article{padding:16px;border-radius:19px;background:rgba(255,253,249,.76);border:1px solid rgba(123,82,62,.08)}.beginner-source-grid article>span{font-size:23px}.beginner-source-icon{width:76px;height:76px;display:grid;place-items:center;margin:0 0 6px}.beginner-source-icon img{display:block;width:100%;height:100%;object-fit:contain}.beginner-source-icon.source-1{width:82px;height:82px}.beginner-source-grid b,.beginner-growth-grid b{display:block;font-size:15px;margin:5px 0}.beginner-source-grid p,.beginner-growth-grid p{font-size:12.8px;line-height:1.65;color:var(--muted);margin:0 0 7px}.beginner-score-note{margin-top:11px;padding:14px 16px;border-radius:18px;background:#fff0eb;border:1px solid rgba(123,82,62,.08)}.beginner-score-note b{font-size:14px}.beginner-score-note p{font-size:13px;line-height:1.7;color:var(--muted);margin:4px 0 0}
.beginner-daily-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.beginner-daily-row span{padding:13px 14px;border-radius:17px;background:color-mix(in srgb,var(--theme-soft) 42%,#fffdf9);border:1px solid rgba(123,82,62,.07)}.beginner-daily-row b{display:block;font-size:14px}.beginner-daily-row small{display:block;font-size:11.8px;line-height:1.5;color:var(--muted);margin-top:3px}.beginner-resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.beginner-resource-grid article{padding:15px;text-align:center;border-radius:18px;background:rgba(255,253,249,.76);border:1px solid rgba(123,82,62,.08)}.beginner-resource-grid strong{display:grid;place-items:center;height:58px}.beginner-resource-grid strong img{display:block;width:54px;height:54px;object-fit:contain}.beginner-resource-grid b{display:block;font-size:15px;margin:3px 0}.beginner-resource-grid p{font-size:12.8px;line-height:1.65;color:var(--muted);margin:0}.beginner-mini-notes{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:10px}.beginner-mini-notes p{margin:0;padding:13px 14px;border-radius:17px;background:#fffaf1;border:1px dashed rgba(123,82,62,.14);font-size:12.8px;line-height:1.7;color:var(--muted)}.beginner-mini-notes b{color:var(--ink)}
.beginner-next-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.beginner-next-grid button{border:1px solid rgba(123,82,62,.08);background:linear-gradient(135deg,rgba(255,253,249,.88),color-mix(in srgb,var(--theme-soft) 35%,#fff));border-radius:18px;padding:14px;text-align:left}.beginner-next-grid b{display:block;font-size:14.5px}.beginner-next-grid small{display:block;font-size:11.5px;color:var(--muted);margin-top:3px}.beginner-next-grid button:hover{transform:translateY(-2px)}
@media(max-width:960px){.beginner-loop{display:grid;grid-template-columns:1fr 1fr}.beginner-loop>i{display:none}.beginner-source-grid,.beginner-growth-grid{grid-template-columns:1fr 1fr}.beginner-order-flow article>span{width:72px;height:72px}}
@media(max-width:640px){.beginner-section{padding:22px 0;scroll-margin-top:150px}.beginner-section-head h2{font-size:22px}.beginner-section-head p{font-size:14px}.beginner-loop{grid-template-columns:1fr}.beginner-loop>span{padding:11px 12px}.beginner-first-tip{padding:12px 13px}.beginner-order-flow{display:grid;grid-template-columns:1fr 1fr}.beginner-order-flow>i{display:none}.beginner-order-flow article{padding:11px 8px}.beginner-order-flow article>span{width:68px;height:68px}.beginner-help-row,.beginner-menu-grid,.beginner-mini-notes{grid-template-columns:1fr}.beginner-source-grid,.beginner-growth-grid,.beginner-daily-row,.beginner-resource-grid,.beginner-next-grid{grid-template-columns:1fr 1fr}.beginner-source-grid article,.beginner-growth-grid article{padding:13px}.beginner-menu-grid article{padding:15px}.beginner-next-grid button{padding:12px}.beginner-resource-grid article:last-child{grid-column:1/-1}}

/* V45 · 员工与外卖正式攻略 */
.staffbiz-paper{overflow:hidden}.staffbiz-header{padding-bottom:18px}.staffbiz-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:18px;align-items:center;margin:2px 0 14px;padding:18px 20px;border-radius:26px;background:color-mix(in srgb,var(--theme-soft) 40%,#fff);border:1px solid rgba(123,82,62,.07)}
.staffbiz-hero-team{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}.staffbiz-hero-team>span{aspect-ratio:1;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:rgba(255,253,249,.84);border:3px solid rgba(255,255,255,.9)}.staffbiz-hero-team img{width:88%;height:88%;object-fit:contain}
.staffbiz-hero-copy{display:grid;gap:7px}.staffbiz-hero-copy>b{font-size:18px}.staffbiz-hero-copy>span{position:relative;padding-left:18px;font-size:14px;line-height:1.55;color:var(--muted)}.staffbiz-hero-copy>span:before{content:'✓';position:absolute;left:0;top:0;color:var(--theme-dark);font-weight:900}
.staffbiz-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:7px 0 28px}.staffbiz-facts span{display:flex;align-items:baseline;justify-content:center;gap:6px;padding:13px 8px;border-radius:18px;background:color-mix(in srgb,var(--theme-soft) 48%,#fff);border:1px solid rgba(123,82,62,.07)}.staffbiz-facts b{font-size:20px}.staffbiz-facts small{font-size:12.5px;color:var(--muted);font-weight:800}
.staffbiz-section{padding:28px 0;border-top:1px dashed rgba(123,82,62,.14);scroll-margin-top:190px}.staffbiz-section-head{margin-bottom:18px;max-width:840px}.staffbiz-section-head>span{display:block;font-size:11px;font-weight:900;letter-spacing:.14em;color:var(--theme-dark)}.staffbiz-section-head h2{font-size:25px;margin:5px 0 6px}.staffbiz-section-head p{margin:0;font-size:15px;line-height:1.72;color:var(--muted)}
.staffbiz-team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.staffbiz-team-grid article{padding:16px;border-radius:20px;background:rgba(255,253,249,.77);border:1px solid rgba(123,82,62,.08);text-align:center}.staffbiz-avatar{width:86px;height:86px;margin:0 auto 8px;border-radius:50%;display:grid;place-items:center;background:var(--theme-soft);overflow:hidden}.staffbiz-avatar img{width:84%;height:84%;object-fit:contain}.staffbiz-team-grid small{display:inline-block;padding:3px 7px;border-radius:999px;background:var(--theme-soft);font-size:10px;font-weight:900;color:var(--muted)}.staffbiz-team-grid h3{font-size:17px;margin:6px 0 2px}.staffbiz-team-grid b{font-size:13px}.staffbiz-team-grid p{font-size:13.5px;line-height:1.65;color:var(--muted);margin:6px 0 0}
.staffbiz-note{display:flex;gap:10px;align-items:flex-start;margin-top:11px;padding:13px 15px;border-radius:17px;background:color-mix(in srgb,var(--theme-soft) 44%,#fff);border:1px solid rgba(123,82,62,.07)}.staffbiz-note b{font-size:13.5px;white-space:nowrap}.staffbiz-note span{font-size:13.5px;line-height:1.65;color:var(--muted)}.staffbiz-note.soft{background:rgba(255,253,249,.67)}
.staffbiz-queue-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.staffbiz-queue-grid article{display:flex;align-items:center;gap:12px;padding:15px;border-radius:18px;background:rgba(255,253,249,.77);border:1px solid rgba(123,82,62,.08)}.staffbiz-queue-grid article>span{flex:0 0 38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--theme-soft);font-size:12px;font-weight:900}.staffbiz-queue-grid small{font-size:11.5px;color:var(--muted)}.staffbiz-queue-grid h3{font-size:16px;margin:2px 0}.staffbiz-queue-grid p{font-size:12.5px;margin:0;color:var(--theme-dark);font-weight:800}
.staffbiz-boost-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.staffbiz-boost-grid article{padding:18px;border-radius:20px;background:color-mix(in srgb,var(--theme-soft) 40%,#fff);border:1px solid rgba(123,82,62,.08)}.staffbiz-boost-grid small{font-size:10px;letter-spacing:.08em;font-weight:900;color:var(--theme-dark)}.staffbiz-boost-grid h3{font-size:18px;margin:5px 0}.staffbiz-boost-grid p{font-size:13.5px;line-height:1.7;color:var(--muted);margin:0}.staffbiz-boost-grid button,.staffbiz-grow-grid button,.staffbiz-links button{border:0;background:transparent;padding:8px 0 0;color:var(--theme-dark);font-size:12px;font-weight:900}
.staffbiz-grow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.staffbiz-grow-grid article{padding:17px;border-radius:20px;background:rgba(255,253,249,.77);border:1px solid rgba(123,82,62,.08)}.staffbiz-grow-grid strong{font-size:21px;color:var(--theme-dark)}.staffbiz-grow-grid h3{font-size:16px;margin:6px 0}.staffbiz-grow-grid p{font-size:13.3px;line-height:1.66;color:var(--muted);margin:0}
.staffbiz-delivery-hero{display:grid;grid-template-columns:135px minmax(0,1fr);gap:16px;align-items:center;padding:16px 18px;border-radius:22px;background:color-mix(in srgb,var(--theme-soft) 38%,#fff);border:1px solid rgba(123,82,62,.08);margin-bottom:12px}.staffbiz-fugui{width:118px;height:118px;border-radius:50%;display:grid;place-items:center;background:rgba(255,253,249,.86);overflow:hidden}.staffbiz-fugui img{width:88%;height:88%;object-fit:contain}.staffbiz-delivery-hero b{font-size:17px}.staffbiz-delivery-hero p{font-size:13.5px;line-height:1.7;color:var(--muted);margin:6px 0 0}
.staffbiz-delivery-steps{display:grid;gap:7px}.staffbiz-delivery-steps article{display:flex;gap:12px;align-items:flex-start;padding:13px 15px;border-radius:17px;background:rgba(255,253,249,.72);border:1px solid rgba(123,82,62,.07)}.staffbiz-delivery-steps article>span{flex:0 0 32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--theme-soft);font-size:12px;font-weight:900}.staffbiz-delivery-steps h3{font-size:15px;margin:1px 0 3px}.staffbiz-delivery-steps p{font-size:13.2px;line-height:1.62;color:var(--muted);margin:0}.staffbiz-delivery-tips{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:11px}.staffbiz-delivery-tips article{padding:15px;border-radius:18px;background:color-mix(in srgb,var(--theme-soft) 30%,#fff);border:1px solid rgba(123,82,62,.07)}.staffbiz-delivery-tips b{font-size:14px}.staffbiz-delivery-tips p{font-size:13px;line-height:1.62;color:var(--muted);margin:5px 0 0}
.staffbiz-tip-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.staffbiz-tip-grid article{padding:15px 16px;border-radius:18px;background:rgba(255,253,249,.75);border:1px solid rgba(123,82,62,.08)}.staffbiz-tip-grid h3{font-size:15px;margin:0 0 5px}.staffbiz-tip-grid p{font-size:13.3px;line-height:1.65;color:var(--muted);margin:0}.staffbiz-links{display:flex;gap:12px;justify-content:flex-end;margin-top:10px}
@media(max-width:900px){.staffbiz-hero{grid-template-columns:1fr}.staffbiz-team-grid{grid-template-columns:repeat(2,1fr)}.staffbiz-delivery-tips{grid-template-columns:1fr}.staffbiz-facts{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.staffbiz-hero{padding:14px;border-radius:21px}.staffbiz-hero-team{grid-template-columns:repeat(3,1fr)}.staffbiz-hero-copy>b{font-size:16px}.staffbiz-hero-copy>span{font-size:13px}.staffbiz-facts{gap:7px;margin-bottom:22px}.staffbiz-facts span{padding:10px 5px;border-radius:15px}.staffbiz-facts b{font-size:17px}.staffbiz-facts small{font-size:11px}.staffbiz-section{padding:22px 0;scroll-margin-top:170px}.staffbiz-section-head h2{font-size:22px}.staffbiz-section-head p{font-size:14px}.staffbiz-team-grid{grid-template-columns:1fr 1fr;gap:8px}.staffbiz-team-grid article{padding:13px}.staffbiz-avatar{width:72px;height:72px}.staffbiz-team-grid p{font-size:12.8px}.staffbiz-note{display:block}.staffbiz-note b{display:block;margin-bottom:4px;white-space:normal}.staffbiz-queue-grid,.staffbiz-boost-grid,.staffbiz-grow-grid,.staffbiz-tip-grid{grid-template-columns:1fr}.staffbiz-delivery-hero{grid-template-columns:86px minmax(0,1fr);padding:13px}.staffbiz-fugui{width:78px;height:78px}.staffbiz-delivery-hero b{font-size:15px}.staffbiz-delivery-hero p{font-size:12.8px}.staffbiz-links{justify-content:flex-start;flex-wrap:wrap}}

/* V47 · 店铺发展 / 晚高峰 / 顾客 / 谜题 / 农场正式攻略 */
.guide-feature-paper{overflow:hidden}.guide-feature-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:6px 0 28px}.guide-feature-facts span{display:flex;align-items:baseline;justify-content:center;gap:7px;padding:14px 9px;border-radius:18px;background:color-mix(in srgb,var(--theme-soft) 45%,#fff);border:1px solid rgba(123,82,62,.07)}.guide-feature-facts b{font-size:20px}.guide-feature-facts small{font-size:12.5px;color:var(--muted);font-weight:800}
.guide-feature-section{padding:29px 0;border-top:1px dashed rgba(123,82,62,.14);scroll-margin-top:185px}.guide-feature-head{max-width:860px;margin-bottom:18px}.guide-feature-head>span{display:block;font-size:11px;font-weight:900;letter-spacing:.14em;color:var(--theme-dark)}.guide-feature-head h2{font-size:26px;margin:5px 0 7px}.guide-feature-head p{font-size:15px;line-height:1.72;color:var(--muted);margin:0}
.guide-feature-card-grid{display:grid;gap:10px}.guide-feature-card-grid.cols-4{grid-template-columns:repeat(4,1fr)}.guide-feature-card-grid.cols-3{grid-template-columns:repeat(3,1fr)}.guide-feature-card-grid.cols-2{grid-template-columns:repeat(2,1fr)}.guide-feature-card-grid article,.guide-feature-split article{padding:17px;border-radius:20px;background:rgba(255,253,249,.78);border:1px solid rgba(123,82,62,.08)}.guide-feature-card-grid strong,.guide-feature-split strong{display:block;font-size:20px;color:var(--theme-dark);margin-bottom:5px}.guide-feature-card-grid h3,.guide-feature-split h3{font-size:16.5px;margin:0 0 6px}.guide-feature-card-grid p,.guide-feature-split p{font-size:13.5px;line-height:1.68;color:var(--muted);margin:0}.guide-feature-split{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.guide-feature-note{display:flex;gap:12px;align-items:flex-start;margin-top:12px;padding:14px 16px;border-radius:18px;background:color-mix(in srgb,var(--theme-soft) 42%,#fff);border:1px solid rgba(123,82,62,.07)}.guide-feature-note.soft{background:#fffaf1}.guide-feature-note b{font-size:13.8px;white-space:nowrap}.guide-feature-note span{font-size:13.4px;line-height:1.68;color:var(--muted)}.guide-feature-copy{font-size:14px;line-height:1.75;color:var(--muted);margin:13px 0 0}.guide-feature-links{display:flex;gap:10px;justify-content:flex-end;margin-top:9px}.guide-feature-links button{border:0;background:transparent;padding:7px 0;color:var(--theme-dark);font-size:12px;font-weight:900}
.guide-feature-milestones{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.guide-feature-milestones article{display:grid;gap:3px;text-align:center;padding:16px 10px;border-radius:19px;background:color-mix(in srgb,var(--theme-soft) 36%,#fff);border:1px solid rgba(123,82,62,.07)}.guide-feature-milestones strong{font-size:20px}.guide-feature-milestones span{font-size:11px;color:var(--muted)}.guide-feature-milestones b{font-size:13.5px;margin-top:3px}
.guide-feature-flow{display:flex;align-items:stretch;gap:8px}.guide-feature-flow>span{flex:1;min-width:0;padding:14px;border-radius:18px;background:rgba(255,253,249,.78);border:1px solid rgba(123,82,62,.08);display:grid;gap:3px}.guide-feature-flow>span>b{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--theme-soft);font-size:11px}.guide-feature-flow strong{font-size:14.5px}.guide-feature-flow small{font-size:11.8px;line-height:1.45;color:var(--muted)}.guide-feature-flow>i{align-self:center;font-style:normal;color:var(--theme-dark);font-size:24px;font-weight:900}.guide-feature-flow.three>span{padding:16px}
.guide-feature-rank{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.guide-feature-rank article{display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center;padding:15px 16px;border-radius:20px;background:rgba(255,253,249,.78);border:1px solid rgba(123,82,62,.08)}.guide-feature-rank strong{grid-row:1/3;font-size:34px;color:var(--theme-dark)}.guide-feature-rank b{font-size:16px}.guide-feature-rank span{font-size:12px;color:var(--muted)}.guide-feature-rank .rank-s{background:color-mix(in srgb,#f8e7a1 42%,#fff)}
.guide-cost-row{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:8px 0 10px}.guide-cost-row span{display:flex;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:12px;background:var(--theme-soft)}.guide-cost-row b{font-size:12px}.guide-cost-row em{font-style:normal;font-size:11.5px;color:var(--muted)}.guide-feature-card-grid h3.sub{margin-top:15px}
@media(max-width:980px){.guide-feature-card-grid.cols-4{grid-template-columns:1fr 1fr}.guide-feature-milestones{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.guide-feature-facts{grid-template-columns:1fr 1fr;gap:7px;margin-bottom:22px}.guide-feature-facts span:last-child{grid-column:1/-1}.guide-feature-facts span{padding:10px 7px}.guide-feature-facts b{font-size:17px}.guide-feature-facts small{font-size:11px}.guide-feature-section{padding:22px 0;scroll-margin-top:165px}.guide-feature-head h2{font-size:22px}.guide-feature-head p{font-size:14px}.guide-feature-card-grid.cols-4,.guide-feature-card-grid.cols-3,.guide-feature-card-grid.cols-2,.guide-feature-split,.guide-feature-rank,.guide-feature-milestones{grid-template-columns:1fr}.guide-feature-card-grid article,.guide-feature-split article{padding:14px}.guide-feature-note{display:block}.guide-feature-note b{display:block;white-space:normal;margin-bottom:4px}.guide-feature-flow,.guide-feature-flow.three{display:grid;grid-template-columns:1fr}.guide-feature-flow>i{display:none}.guide-feature-links{justify-content:flex-start;flex-wrap:wrap}.guide-cost-row{grid-template-columns:1fr}.guide-feature-rank article{grid-template-columns:52px 1fr}}

/* V48 · 正文导航：只显示当前分类 + 本页目录 */
@media(min-width:641px){
  .article-layout{grid-template-columns:232px minmax(0,1fr)}
  .article-nav{max-height:calc(100vh - 205px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(123,82,62,.18) transparent;padding:14px}
  .article-nav::-webkit-scrollbar{width:5px}.article-nav::-webkit-scrollbar-thumb{background:rgba(123,82,62,.18);border-radius:999px}
  .nav-category-back{width:100%;border:0;background:var(--theme-soft);color:var(--ink);border-radius:15px;padding:11px 12px;text-align:left;font-size:13.5px;font-weight:900;line-height:1.35}
  .nav-home-link{width:100%;border:0;background:transparent;color:var(--muted);padding:8px 9px 6px;text-align:left;font-size:12px;font-weight:750}
  .nav-home-link:hover{color:var(--ink)}
  .nav-category-title{border-top:1px dashed rgba(123,82,62,.13);margin-top:3px;padding-top:12px}
  .article-nav .nav-item{min-height:39px;padding:9px 10px;align-items:center;font-size:13.5px}
  .article-nav .nav-item.active{background:color-mix(in srgb,var(--theme-soft) 62%,#fff);font-weight:900;box-shadow:inset 3px 0 0 var(--theme-dark)}
  .article-nav .nav-item small{font-size:10.5px;white-space:nowrap}
  .nav-page-toc{margin-top:8px}.nav-toc-title{margin-top:3px}
  .nav-toc-item{width:100%;border:0;background:transparent;color:var(--muted);border-radius:11px;padding:7px 9px 7px 17px;text-align:left;font-size:12.5px;line-height:1.35;position:relative}
  .nav-toc-item:before{content:"";position:absolute;left:8px;top:50%;width:4px;height:4px;border-radius:50%;background:rgba(123,82,62,.24);transform:translateY(-50%)}
  .nav-toc-item:hover{background:rgba(255,255,255,.52);color:var(--ink)}
  .nav-toc-item.active{color:var(--ink);font-weight:850;background:rgba(255,255,255,.58)}
  .nav-toc-item.active:before{background:var(--theme-dark);width:5px;height:5px}
  .article-nav-simple .nav-home{margin-bottom:0}
}

/* V49 · 微信小游戏更新公告 */
.news-more{display:block;margin:18px auto 2px;border:0;background:transparent;color:var(--theme-dark);font-size:13px;font-weight:900;padding:8px 14px}
.update-page-shell{max-width:1160px;margin:0 auto;padding:4px 0 28px}
.update-paper{background:rgba(255,253,249,.86);border:1px solid rgba(123,82,62,.09);border-radius:32px;padding:30px;box-shadow:var(--shadow)}
.update-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:2px 4px 24px;border-bottom:2px solid var(--theme-soft)}
.update-page-header>div{min-width:0}
.update-page-header small{display:block;font-size:11px;letter-spacing:.14em;font-weight:900;color:var(--theme-dark)}
.update-page-header h1{font-size:34px;margin:6px 0 8px}
.update-page-header p{font-size:15px;line-height:1.7;color:var(--muted);margin:0;max-width:720px}
.update-page-header button,.update-detail-footer button{border:1px solid rgba(123,82,62,.10);background:#fffdf9;border-radius:14px;padding:9px 13px;font-size:13px;font-weight:900;color:var(--ink);white-space:nowrap}
.update-archive-list{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}
.update-archive-card{border:1px solid rgba(123,82,62,.09);background:rgba(255,253,249,.78);border-radius:22px;padding:18px;text-align:left;display:grid;gap:8px;min-height:170px;box-shadow:0 7px 18px rgba(123,82,62,.04);transition:transform .15s ease,box-shadow .15s ease}
.update-archive-card:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(123,82,62,.08)}
.update-archive-card>span{display:flex;align-items:center;gap:10px}
.update-archive-card time{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}
.update-archive-card small{padding:4px 8px;border-radius:999px;background:var(--theme-soft);font-size:10px;font-weight:900;color:var(--theme-dark)}
.update-archive-card>b{font-size:19px}
.update-archive-card>p{font-size:14px;line-height:1.65;color:var(--muted);margin:0}
.update-archive-card>i{font-style:normal;color:var(--theme-dark);font-size:12px;font-weight:900;margin-top:auto}
.update-detail-paper{max-width:980px;margin:0 auto}
.update-detail-meta{display:flex;align-items:center;gap:10px;margin:20px 2px 12px}
.update-detail-meta span{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}
.update-detail-meta b{padding:4px 9px;border-radius:999px;background:var(--theme-soft);font-size:11px}
.update-detail-list{display:grid;gap:10px}
.update-detail-list article{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;align-items:start;padding:15px 16px;border:1px solid rgba(123,82,62,.08);border-radius:18px;background:rgba(255,253,249,.72)}
.update-detail-list article>span{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--theme-soft);font-size:11px;font-weight:900;color:var(--theme-dark)}
.update-detail-list p{font-size:14.5px;line-height:1.75;color:var(--ink);margin:3px 0 0}
.update-detail-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:22px;padding-top:18px;border-top:1px dashed rgba(123,82,62,.16)}
@media(max-width:640px){
  .news-heading p{font-size:13px}
  .news-more{font-size:12px;margin-top:13px}
  .update-page-shell{padding:0}
  .update-paper{border-radius:25px;padding:18px 15px}
  .update-page-header{display:block;padding:2px 0 18px}
  .update-page-header h1{font-size:26px}
  .update-page-header p{font-size:14px}
  .update-page-header button{margin-top:12px}
  .update-archive-list{grid-template-columns:1fr;gap:9px;margin-top:15px}
  .update-archive-card{min-height:0;padding:15px;border-radius:18px}
  .update-archive-card>b{font-size:17px}
  .update-archive-card>p{font-size:13.5px}
  .update-detail-meta{margin-top:15px}
  .update-detail-list{gap:8px}
  .update-detail-list article{grid-template-columns:34px minmax(0,1fr);gap:10px;padding:13px 12px}
  .update-detail-list article>span{width:30px;height:30px}
  .update-detail-list p{font-size:14px;line-height:1.7}
  .update-detail-footer{flex-wrap:wrap}
}

/* V51 · 每日与奖励 / 配方线索 / 运势 / 仓库 / 配方奖励 */
.drink-fortune-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.drink-fortune-grid article{padding:15px 13px;border-radius:20px;background:color-mix(in srgb,var(--theme-soft) 34%,#fff);border:1px solid rgba(123,82,62,.07);text-align:center}
.drink-fortune-grid small{display:block;font-size:11.5px;font-weight:900;color:var(--muted)}
.drink-fortune-grid strong{display:block;margin:5px 0 4px;font-size:23px;color:var(--theme-dark)}
.drink-fortune-grid p{margin:0;font-size:12.8px;line-height:1.55;color:var(--muted)}
.drink-fortune-support{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(250px,.75fr);gap:11px;margin-top:11px;padding:18px;border-radius:22px;background:#fff8df;border:1px solid rgba(123,82,62,.08)}
.drink-fortune-support>div>span,.drink-puff-support>div>small,.drink-name-box>div>small{display:inline-flex;padding:4px 8px;border-radius:999px;background:var(--theme-soft);font-size:10.5px;letter-spacing:.08em;font-weight:900;color:var(--theme-dark)}
.drink-fortune-support h3,.drink-puff-support h3,.drink-name-box h3{font-size:17px;margin:9px 0 6px}
.drink-fortune-support p,.drink-puff-support p,.drink-name-box p{font-size:14px;line-height:1.68;color:var(--muted);margin:0}
.drink-fortune-support aside{display:grid;gap:4px;align-content:center;padding:13px 15px;border-radius:16px;background:rgba(255,255,255,.62)}
.drink-fortune-support aside b{font-size:13px}.drink-fortune-support aside p{font-size:12.5px;line-height:1.55;margin:0 0 5px}

.drink-clue-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:11px}
.drink-clue-facts span{display:grid;place-items:center;gap:2px;padding:14px 8px;border-radius:18px;background:color-mix(in srgb,var(--theme-soft) 40%,#fff);border:1px solid rgba(123,82,62,.07);text-align:center}
.drink-clue-facts b{font-size:19px}.drink-clue-facts small{font-size:11.5px;color:var(--muted)}
.drink-clue-flow{display:grid;gap:8px}
.drink-clue-flow article{display:grid;grid-template-columns:38px minmax(0,1fr);gap:12px;align-items:start;padding:14px 15px;border-radius:18px;background:rgba(255,253,249,.78);border:1px solid rgba(123,82,62,.08)}
.drink-clue-flow article>span{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--theme-soft);font-size:10.5px;font-weight:900;color:var(--theme-dark)}
.drink-clue-flow h3{font-size:15.5px;margin:1px 0 4px}.drink-clue-flow p{font-size:13.7px;line-height:1.65;color:var(--muted);margin:0}
.drink-puff-support{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:14px;margin-top:12px;padding:18px;border-radius:22px;background:color-mix(in srgb,var(--theme-soft) 32%,#fff);border:1px solid rgba(123,82,62,.08)}
.drink-puff-options{display:grid;grid-template-columns:1fr;gap:6px;align-content:center}
.drink-puff-options span{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:9px 11px;border-radius:13px;background:rgba(255,255,255,.62)}
.drink-puff-options b{font-size:12.8px}.drink-puff-options small{font-size:11.4px;color:var(--muted);text-align:right}

.drink-repo-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.drink-repo-grid article{padding:17px;border-radius:21px;background:rgba(255,253,249,.8);border:1px solid rgba(123,82,62,.08)}
.drink-repo-grid strong{font-size:12px;color:var(--theme-dark);display:inline-flex;padding:4px 8px;border-radius:999px;background:var(--theme-soft)}
.drink-repo-grid h3{font-size:16.5px;margin:9px 0 6px}.drink-repo-grid p{font-size:13.8px;line-height:1.65;color:var(--muted);margin:0}
.drink-name-box{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr);gap:14px;margin-top:11px;padding:18px;border-radius:22px;background:#f7f1fb;border:1px solid rgba(123,82,62,.07)}
.drink-name-bonuses{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;align-content:start}
.drink-name-bonuses span{display:flex;justify-content:space-between;gap:7px;padding:8px 9px;border-radius:12px;background:rgba(255,255,255,.66)}
.drink-name-bonuses b{font-size:12px}.drink-name-bonuses em{font-style:normal;font-size:11.5px;font-weight:900;color:var(--theme-dark)}
.drink-name-bonuses>small{grid-column:1/-1;font-size:11.5px;line-height:1.55;color:var(--muted);padding:3px 2px 0}

.daily-milestone-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin-top:11px}
.daily-milestone-strip span{display:grid;gap:3px;text-align:center;padding:11px 7px;border-radius:15px;background:color-mix(in srgb,var(--theme-soft) 38%,#fff);border:1px solid rgba(123,82,62,.07)}
.daily-milestone-strip b{font-size:12.2px}.daily-milestone-strip small{font-size:10.8px;line-height:1.4;color:var(--muted)}
.daily-todo-rewards{grid-template-columns:repeat(3,1fr)}
.daily-difference{margin-top:11px;padding:15px 17px;border-radius:18px;background:color-mix(in srgb,var(--theme-soft) 34%,#fff);border:1px solid rgba(123,82,62,.08)}
.daily-difference>b{font-size:14px}.daily-difference p{font-size:13.8px;line-height:1.7;color:var(--muted);margin:5px 0 0}.daily-difference strong{color:var(--ink)}

.recipe-reward-section{margin:2px 0 26px;padding:22px 0 25px;border-top:1px dashed rgba(123,82,62,.14);border-bottom:1px dashed rgba(123,82,62,.14);scroll-margin-top:190px}
.recipe-reward-head>span{font-size:10.5px;letter-spacing:.14em;font-weight:900;color:var(--muted)}
.recipe-reward-head h2{font-size:24px;margin:5px 0 6px}.recipe-reward-head p{font-size:14.5px;line-height:1.7;color:var(--muted);margin:0;max-width:800px}
.recipe-reward-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:16px}
.recipe-reward-grid>article{padding:18px;border-radius:22px;border:1px solid rgba(123,82,62,.08)}
.recipe-reward-grid .collection{background:#fff8df}.recipe-reward-grid .maxlevel{background:#f5effb}
.recipe-reward-grid article>small{font-size:10.5px;letter-spacing:.1em;font-weight:900;color:var(--theme-dark)}
.recipe-reward-grid h3{font-size:17px;margin:6px 0 10px}.recipe-reward-grid p{font-size:13.5px;line-height:1.65;color:var(--muted);margin:10px 0 0}
.recipe-reward-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.recipe-reward-steps span,.recipe-max-scroll span{display:grid;gap:2px;padding:9px 8px;border-radius:12px;background:rgba(255,255,255,.66);text-align:center}
.recipe-reward-steps b,.recipe-max-scroll b{font-size:11.8px}.recipe-reward-steps em,.recipe-max-scroll em{font-style:normal;font-size:10.8px;color:var(--muted)}
.recipe-max-scroll{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.recipe-list-section{scroll-margin-top:190px}

@media(max-width:980px){
  .drink-fortune-grid,.drink-clue-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .daily-milestone-strip{grid-template-columns:repeat(3,minmax(0,1fr))}
  .recipe-reward-steps,.recipe-max-scroll{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
  .drink-fortune-grid,.drink-clue-facts{grid-template-columns:1fr 1fr;gap:7px}
  .drink-fortune-grid article{padding:12px 8px}.drink-fortune-grid strong{font-size:19px}.drink-fortune-grid p{font-size:11.8px}
  .drink-fortune-support,.drink-puff-support,.drink-name-box{grid-template-columns:1fr;padding:14px;gap:10px;border-radius:18px}
  .drink-fortune-support h3,.drink-puff-support h3,.drink-name-box h3{font-size:15.5px}
  .drink-fortune-support p,.drink-puff-support p,.drink-name-box p{font-size:13.3px}
  .drink-clue-facts b{font-size:17px}.drink-clue-facts small{font-size:10.8px}
  .drink-clue-flow article{grid-template-columns:32px minmax(0,1fr);gap:9px;padding:12px}.drink-clue-flow article>span{width:30px;height:30px}.drink-clue-flow h3{font-size:14.5px}.drink-clue-flow p{font-size:13px}
  .drink-puff-options small{text-align:left}.drink-puff-options span{display:grid;gap:2px}
  .drink-repo-grid{grid-template-columns:1fr;gap:8px}.drink-repo-grid article{padding:14px}.drink-name-bonuses{grid-template-columns:1fr 1fr}
  .daily-milestone-strip{grid-template-columns:1fr 1fr;gap:6px}.daily-milestone-strip span:last-child{grid-column:1/-1}.daily-todo-rewards{grid-template-columns:1fr}.daily-difference{padding:13px}.daily-difference p{font-size:13.2px}
  .recipe-reward-section{padding:19px 0 21px;scroll-margin-top:165px}.recipe-reward-head h2{font-size:21px}.recipe-reward-head p{font-size:13.8px}.recipe-reward-grid{grid-template-columns:1fr;gap:8px}.recipe-reward-grid>article{padding:14px}.recipe-reward-steps,.recipe-max-scroll{grid-template-columns:1fr 1fr}.recipe-list-section{scroll-margin-top:165px}
}


/* V52 · 抖音上线状态 + 社交主页链接 */
.social-link{color:inherit;text-decoration:none;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}
.social-link:hover{transform:translateY(-2px);box-shadow:0 9px 20px rgba(123,82,62,.08)}
.social-link:focus-visible{outline:3px solid var(--theme-soft);outline-offset:3px}
.platform-coming .ticket-copy span{font-weight:800;color:var(--theme-dark)}
.hero-mobile-ticket.platform-coming>span{display:flex;min-width:0;flex-direction:column;align-items:center;line-height:1.05}
.hero-mobile-ticket.platform-coming small{display:block;margin-top:3px;font-size:8.5px;color:var(--theme-dark);font-weight:900;white-space:nowrap}
@media(max-width:640px){
  .hero-mobile-ticket.platform-coming small{font-size:8px}
}

/* V55 · 谜题期刊主题列表 */
.riddle-theme-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:12px}
.riddle-theme-grid span{display:flex;align-items:center;gap:7px;min-width:0;padding:9px 10px;border-radius:14px;background:color-mix(in srgb,var(--theme-soft) 34%,#fff);border:1px solid rgba(123,82,62,.07);font-size:12.4px;color:var(--text)}
.riddle-theme-grid span b{flex:0 0 auto;font-size:10.5px;color:var(--theme-dark);opacity:.72}
@media(max-width:980px){.riddle-theme-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){.riddle-theme-grid{grid-template-columns:1fr 1fr;gap:6px}.riddle-theme-grid span{font-size:11.7px;padding:8px 9px}}


/* ================= V56 static first HTML for search crawlers ================= */
/* Real homepage copy lives in the initial HTML. app.js replaces this block with
   the existing interactive homepage after scripts load, so players keep the
   previously approved visual layout while non-JS crawlers still get useful text. */
.seo-static-home{max-width:1040px;margin:18px auto 44px;padding:30px;border:1px solid rgba(123,82,62,.10);border-radius:30px;background:rgba(255,253,249,.88);box-shadow:var(--shadow)}
.seo-static-hero{text-align:center;max-width:800px;margin:0 auto 24px}.seo-static-kicker{margin:0 0 7px;font-size:10px;letter-spacing:.16em;font-weight:900;color:var(--muted)}.seo-static-hero h1{margin:0 0 10px;font-size:34px;line-height:1.24}.seo-static-hero>p:last-child{margin:0;color:var(--muted);font-size:14px;line-height:1.8}
.seo-static-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0 0 22px}.seo-static-nav a{display:inline-flex;align-items:center;min-height:38px;padding:8px 13px;border:1px solid rgba(123,82,62,.10);border-radius:999px;background:color-mix(in srgb,var(--theme-soft) 44%,#fff);color:var(--ink);font-size:12px;font-weight:800;text-decoration:none}
.seo-static-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.seo-static-grid section{padding:16px 17px;border-radius:18px;background:rgba(255,255,255,.62);border:1px solid rgba(123,82,62,.08)}.seo-static-grid h2{margin:0 0 7px;font-size:18px}.seo-static-grid p{margin:0;color:var(--muted);font-size:13px;line-height:1.68}
.seo-static-highlight{margin-top:12px;padding:17px 18px;border-radius:18px;background:color-mix(in srgb,var(--theme-soft) 52%,#fff);border:1px solid rgba(123,82,62,.08)}.seo-static-highlight h2{margin:0 0 6px;font-size:18px}.seo-static-highlight p{margin:0;color:var(--muted);font-size:13px;line-height:1.7}
@media(max-width:820px){.seo-static-home{padding:22px 18px;border-radius:24px}.seo-static-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.seo-static-hero h1{font-size:28px}}
@media(max-width:640px){.seo-static-home{margin:8px auto 28px;padding:18px 14px}.seo-static-hero{margin-bottom:18px}.seo-static-hero h1{font-size:24px}.seo-static-hero>p:last-child{font-size:13.5px}.seo-static-nav{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.seo-static-nav::-webkit-scrollbar{display:none}.seo-static-nav a{flex:0 0 auto}.seo-static-grid{grid-template-columns:1fr;gap:8px}.seo-static-grid section,.seo-static-highlight{padding:14px}.seo-static-grid h2,.seo-static-highlight h2{font-size:16.5px}.seo-static-grid p,.seo-static-highlight p{font-size:13px}}

@media(max-width:640px){.footer-beian-row{gap:5px 6px}.footer-beian-row .beian-sep{display:none}.site-footer .public-security-link img{width:15px}}

/* V58 · Halloween update */
.update-detail-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:8px 0 18px}
.update-detail-gallery figure{margin:0;border-radius:20px;overflow:hidden;border:1px solid rgba(123,82,62,.09);background:rgba(255,253,249,.72);box-shadow:0 8px 20px rgba(123,82,62,.045)}
.update-detail-gallery img{display:block;width:100%;height:auto}
.farm-event-tag{position:relative;z-index:2;display:inline-block;margin-left:5px;padding:5px 8px;border-radius:999px;background:#ffecd5;color:#b65e31;font-size:9.5px;font-weight:900}
.farm-special-note{margin:10px 0 0;padding:10px 12px;border-radius:13px;background:#fff0dc;border:1px dashed rgba(190,104,55,.25);font-size:11.5px;line-height:1.65;color:var(--ink)}
.farm-route-note{display:block;margin-top:6px;font-size:10.5px;line-height:1.55;color:var(--muted)}
@media(max-width:640px){
  .update-detail-gallery{grid-template-columns:1fr;gap:9px;margin-bottom:14px}
  .farm-event-tag{font-size:8.8px;padding:4px 6px;margin-left:3px}
  .farm-special-note{font-size:11px}
  .farm-route-note{font-size:10px}
}