/* Shared chrome and the rebuilt homepage. Business-page styles live in subpages.css. */
:root{--mafu-ink:#101210;--mafu-panel:#191d18;--mafu-line:#33392e;--mafu-white:#f1eee7;--mafu-muted:#a4aa9c;--mafu-accent:#ed944b;--mafu-header-height:72px;color-scheme:dark}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--mafu-header-height) + 24px)}
body.mafu-site{margin:0;background:var(--mafu-ink);color:var(--mafu-white);font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;line-height:1.75;-webkit-font-smoothing:antialiased}
.mafu-site *{box-sizing:border-box}
.mafu-site [hidden]{display:none!important}
.mafu-site :focus-visible{outline:2px solid #ffbd79;outline-offset:5px}
.mafu-site ::selection{background:#ed944b;color:#101210}
.mafu-container{width:min(1200px,calc(100% - 80px));margin-inline:auto}
.mafu-home p,.mafu-home h1,.mafu-home h2,.mafu-home h3,.mafu-home ul{margin:0}
.mafu-home a{text-decoration:none;color:inherit}
.mafu-home section{scroll-margin-top:calc(var(--mafu-header-height) + 24px)}
.mafu-skip{position:fixed;top:-80px;left:20px;z-index:1001;padding:12px 20px;background:var(--mafu-accent);color:#101210;font-weight:700;text-decoration:none}
.mafu-skip:focus{top:12px}
.mafu-site .mafu-header{position:sticky;top:0;z-index:50;min-height:var(--mafu-header-height);margin:0;border:0;border-bottom:1px solid #ffffff12;background:#11140ff5;backdrop-filter:blur(16px);padding:0}
.mafu-header-inner{width:min(1360px,calc(100% - 64px));margin:auto;min-height:var(--mafu-header-height);display:flex;align-items:center;justify-content:space-between;gap:30px}
.mafu-header .mafu-brand{display:inline-flex;flex-shrink:0;align-items:center;gap:11px;color:var(--mafu-white);text-decoration:none;line-height:1.2}
.mafu-logo-mark{width:38px;height:42px;display:grid;place-items:center;background:var(--mafu-accent);color:#181c15;font:bold 27px/1.1 "SimSun",serif;clip-path:polygon(0 0,100% 0,100% 85%,80% 100%,0 100%)}
.mafu-wordmark{display:block;font-size:19px;font-weight:800;letter-spacing:.025em}
.mafu-wordmark small{display:block;color:var(--mafu-muted);font-size:9px;font-weight:500;letter-spacing:.1em;margin-top:6px}
.mafu-header .mafu-navigation{min-height:0;height:auto;display:flex;align-items:center;gap:26px;flex-wrap:nowrap;margin:0;padding:0;font-size:13px;color:#babdaf}
.mafu-navigation a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none;color:inherit;white-space:nowrap}
.mafu-navigation a:hover,.mafu-navigation a[aria-current="page"]{color:var(--mafu-accent)}
.mafu-navigation .mafu-nav-download{padding:0 18px;border:1px solid #737d64;border-radius:4px;color:var(--mafu-white)}
.mafu-navigation .mafu-nav-download:hover{background:var(--mafu-accent);border-color:var(--mafu-accent);color:#171b13}
.mafu-menu-button{display:none;border:1px solid #606957;border-radius:4px;background:transparent;color:var(--mafu-white);font:inherit;font-size:13px;padding:10px 14px;min-height:44px}
.mafu-eyebrow{display:flex;align-items:center;gap:10px;color:var(--mafu-accent);font-size:10px;font-weight:700;letter-spacing:.15em;line-height:1.5;text-transform:uppercase}
.mafu-eyebrow>span:empty{height:5px;width:5px;display:inline-block;background:var(--mafu-accent)}
.mafu-hero{position:relative;min-height:630px;overflow:hidden;isolation:isolate;padding:78px 0 90px;background:#181b16}
.mafu-hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% center;z-index:-3}
.mafu-hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(11,14,11,.96),rgba(11,14,11,.78) 28%,rgba(11,14,11,.18) 67%),linear-gradient(0deg,#101210 0%,transparent 26%,rgba(16,18,16,.1) 75%)}
.mafu-hero-content{position:relative}
.mafu-hero h1{font-size:clamp(50px,6.4vw,87px);font-weight:850;letter-spacing:-.045em;line-height:1.1;margin-top:22px;max-width:720px}
.mafu-hero h1>span{display:block;color:var(--mafu-accent);font-size:.9em;font-family:Arial,sans-serif;letter-spacing:.09em;line-height:1.3;font-weight:800}
.mafu-hero-tagline{font-size:21px;letter-spacing:.04em;margin-top:20px!important}
.mafu-hero-description{font-size:14px;line-height:1.95;color:#c2c4b8;margin-top:15px!important}
.mafu-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.mafu-site .mafu-button{display:inline-flex;min-height:50px;align-items:center;justify-content:space-between;gap:36px;padding:13px 22px;border:1px solid transparent;border-radius:4px;font-size:14px;font-weight:700;line-height:1.5;text-decoration:none;transition:background .18s,color .18s,transform .18s}
.mafu-button span{font-size:20px;line-height:1}
.mafu-site .mafu-button-primary{background:var(--mafu-accent);border-color:var(--mafu-accent);color:#151910}
.mafu-site .mafu-button-primary:hover{background:#ffac66;transform:translateY(-2px)}
.mafu-site .mafu-button-glass{background:#1015107d;color:var(--mafu-white);border-color:#a4aa9c55}
.mafu-site .mafu-button-glass:hover{border-color:var(--mafu-accent);background:#242b1bcc}
.mafu-hero-qq{margin-top:21px;display:inline-flex;gap:12px;align-items:center;font-size:11px;color:#bfc4b6!important;min-height:44px}
.mafu-hero-qq span{font-variant-numeric:tabular-nums;letter-spacing:.04em}
.mafu-hero-qq:hover{color:var(--mafu-accent)!important}
.mafu-hero-caption{position:absolute;bottom:47px;right:4.2%;display:flex;gap:40px;font-size:9px;letter-spacing:.15em;color:#c3c0b077}
.mafu-statbar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--mafu-line);padding:29px 0 34px;gap:28px}
.mafu-statbar>div{display:flex;align-items:center;gap:19px;border-right:1px solid var(--mafu-line)}
.mafu-statbar>div:last-child{border-right:0}
.mafu-statbar strong{font:700 40px/1.1 Arial,sans-serif;letter-spacing:-.045em;white-space:nowrap}
.mafu-statbar strong>span{color:var(--mafu-accent);font-size:17px;margin-left:3px;letter-spacing:0}
.mafu-statbar p{font-size:12px;line-height:1.8;font-weight:600}
.mafu-statbar p>span{display:block;font-size:10px;color:var(--mafu-muted);font-weight:400}
.mafu-section{padding-block:88px}
.mafu-section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:34px}
.mafu-section-heading h2{font-size:clamp(26px,3.3vw,42px);font-weight:700;letter-spacing:-.03em;line-height:1.4;margin-top:15px}
.mafu-section-heading>p{font-size:12px;color:var(--mafu-muted);line-height:2}
.mafu-preview-label{color:var(--mafu-accent);font-weight:600}
.mafu-event-layout{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.mafu-online-event{padding:29px 34px;border:1px solid #8b673d;background:linear-gradient(140deg,#343121,#1b211a 68%);border-radius:6px;position:relative;overflow:hidden}
.mafu-event-top{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:10px;color:var(--mafu-muted);margin-bottom:22px}
.mafu-label{display:inline-block;color:#ffbd7a;font-size:10px;font-weight:600;letter-spacing:.05em}
.mafu-online-event h3,.mafu-invite-card h3,.mafu-graduation-card h3{font-size:22px;line-height:1.55;font-weight:650}
.mafu-event-time{font:500 clamp(30px,3.5vw,49px)/1.3 Arial,sans-serif;letter-spacing:-.03em;margin-top:13px!important;color:#ffe5bd}
.mafu-event-time>span{font-size:.6em;color:#b6a487;margin-inline:12px}
.mafu-event-lead{margin-top:15px!important;font-size:13px;color:#c3c6b8}
.mafu-event-lead strong{color:#ffd6a6;font-weight:700}
.mafu-daily-gift{margin-top:24px;border-top:1px solid #a8956440;padding-top:20px}
.mafu-daily-gift>p:first-child{display:flex;justify-content:space-between;align-items:center;font-size:12px}
.mafu-daily-gift small{font-size:10px;color:var(--mafu-muted)}
.mafu-daily-gift ul{list-style:none;padding:15px 0 11px;display:grid;gap:10px}
.mafu-daily-gift li{display:flex;align-items:center;gap:12px;font-size:12px}
.mafu-daily-gift li strong{margin-left:auto;font-size:15px;color:#f4d3a8;font-family:Arial,sans-serif;font-variant-numeric:tabular-nums}
.mafu-item-mark{width:31px;height:31px;background:#ffffff08;border:1px solid #ac956044;display:grid;place-items:center;font-size:13px;color:#ffc995;border-radius:4px}
.mafu-note{color:var(--mafu-muted);font-size:11px;line-height:1.9}
.mafu-rule-details{margin-top:22px;border-top:1px solid #a8956440;font-size:11px;color:#bcc1af}
.mafu-rule-details summary{cursor:pointer;min-height:44px;display:flex;align-items:center;justify-content:space-between;list-style:none;gap:12px}
.mafu-rule-details summary::-webkit-details-marker{display:none}
.mafu-rule-details summary>span{font-size:17px;color:var(--mafu-accent)}
.mafu-rule-details[open] summary>span{transform:rotate(45deg)}
.mafu-rule-details>div{padding-block:6px 8px;line-height:2}
.mafu-invite-events{display:grid;gap:22px}
.mafu-invite-card,.mafu-graduation-card{padding:25px 29px;border:1px solid var(--mafu-line);background:#181d17;border-radius:6px}
.mafu-invite-card .mafu-event-top,.mafu-graduation-card .mafu-event-top{margin-bottom:12px}
.mafu-invite-card>p,.mafu-graduation-card>p{font-size:12px;color:#b9c0af;line-height:1.9;margin-top:13px}
.mafu-invite-card>p.mafu-note,.mafu-graduation-card>p.mafu-note{font-size:10px;color:var(--mafu-muted)}
.mafu-rebate{display:flex;align-items:center;gap:25px;margin-block:20px 14px}
.mafu-rebate strong{display:block;font:500 40px/1.05 Arial,sans-serif;color:#d7dda9;letter-spacing:-.04em}
.mafu-rebate small{font-size:18px;padding-left:3px}
.mafu-rebate div>span{display:block;font-size:10px;color:var(--mafu-muted);margin-top:7px}
.mafu-rebate-plus{font-size:18px;color:#5b6652}
.mafu-text-link{display:inline-flex;align-items:center;justify-content:space-between;min-height:44px;gap:25px;color:var(--mafu-accent)!important;font-size:12px;text-decoration:none}
.mafu-text-link>span{font-size:19px}
.mafu-text-link:hover{color:#ffc791!important}
.mafu-invite-card .mafu-text-link{margin-top:5px}
.mafu-graduation-rewards{display:flex;gap:22px;margin-top:16px;flex-wrap:wrap}
.mafu-graduation-rewards span{font-size:10px;color:#c3c8b6}
.mafu-graduation-rewards b{display:inline-block;font:600 26px/1 Arial,sans-serif;color:#e8d0a3;margin-right:4px}
.mafu-world-section{background:#171b15;border-block:1px solid #30362b;padding:76px 0}
.mafu-feature-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;margin-top:45px}
.mafu-feature-number{display:block;color:#6d795c;font:400 37px/1 Georgia,serif;margin-bottom:18px}
.mafu-feature-columns h3{font-size:21px;font-weight:600}
.mafu-feature-columns p{font-size:12px;color:#b0b6a5;margin-top:14px;line-height:2.05}
.mafu-feature-columns a{display:flex;justify-content:space-between;min-height:44px;align-items:center;border-top:1px solid #3e4733;margin-top:24px;font-size:11px;color:#cad0bc}
.mafu-feature-columns a:hover{color:var(--mafu-accent)}
.mafu-resource-grid{display:grid;grid-template-columns:1.12fr 1fr 1fr;gap:17px}
.mafu-resource{display:flex;flex-direction:column;border:1px solid var(--mafu-line);background:#191d18;padding:27px 26px;border-radius:5px;min-height:211px;transition:border-color .18s,background .18s}
.mafu-resource:hover{border-color:#a27742;background:#20271b}
.mafu-resource-featured{grid-row:span 2;background:radial-gradient(ellipse at 80% 80%,#66704044,transparent 60%),#222b1d;justify-content:flex-end}
.mafu-resource-featured:hover{background:#2a3524}
.mafu-resource-kicker,.mafu-resource-index{font-size:9px;letter-spacing:.09em;color:#a8b493}
.mafu-resource h3{font-size:20px;font-weight:600;line-height:1.5;margin-top:12px}
.mafu-resource p{font-size:11px;color:#aeb7a1;line-height:1.95;margin-top:11px;margin-bottom:24px}
.mafu-resource-featured h3{font-size:34px;margin-top:16px}
.mafu-resource-featured p{font-size:12px;margin-bottom:48px}
.mafu-resource-bottom{font-size:10px;color:#c5cbb9;display:flex;align-items:center;justify-content:space-between;margin-top:auto;gap:16px}
.mafu-resource-bottom b{display:grid;place-items:center;width:28px;height:28px;border:1px solid #4b5840;font-size:16px;font-weight:400;border-radius:50%;transition:background .18s}
.mafu-resource:hover b{background:var(--mafu-accent);border-color:var(--mafu-accent);color:#171b13}
.mafu-updates{padding-top:4px}
.mafu-update-list{border-top:1px solid var(--mafu-line)}
.mafu-update{border-bottom:1px solid var(--mafu-line);padding:0}
.mafu-update summary{display:grid;grid-template-columns:105px 1fr 30px;gap:24px;align-items:center;min-height:78px;cursor:pointer;list-style:none;padding:18px 8px}
.mafu-update summary::-webkit-details-marker{display:none}
.mafu-update-date{color:var(--mafu-muted);font-size:11px;font-family:Arial,sans-serif}
.mafu-update-title{font-size:14px;font-weight:600}
.mafu-update-icon{color:var(--mafu-accent);font-size:22px;font-weight:300}
.mafu-update[open] .mafu-update-icon{transform:rotate(45deg)}
.mafu-update ul{list-style:none;padding:0 50px 24px 137px;display:grid;gap:11px;font-size:12px;color:#b9c1ac;line-height:2}
.mafu-update li{display:flex;align-items:flex-start;gap:12px}
.mafu-update-tag{display:inline-block;flex-shrink:0;font-size:9px;color:#d3bc92;border:1px solid #5c5547;padding:0 5px;margin-top:2px;line-height:1.9;border-radius:3px}
.mafu-updates #updates-status{margin-top:12px}
.mafu-download-section{padding:76px 0;background:#1b2018;border-block:1px solid var(--mafu-line)}
.mafu-download-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #48513d;border-radius:5px;overflow:hidden}
.mafu-download-item{padding:25px 22px;background:#1f251b;border-right:1px solid #48513d;transition:background .18s}
.mafu-download-item:last-child{border-right:0}
.mafu-download-item:hover{background:#2a3322}
.mafu-download-type{display:block;font-size:10px;color:#b9c0a8}
.mafu-download-item h3{display:flex;justify-content:space-between;gap:10px;font-size:16px;margin-top:13px;font-weight:600;line-height:1.5}
.mafu-download-item h3>span{color:var(--mafu-accent)}
.mafu-download-item p{margin-top:15px;color:#aab19c;font-size:10px;line-height:2.05}
.mafu-install-steps{list-style:none;margin:30px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.mafu-install-steps li{display:flex;gap:17px;align-items:center;font-size:11px}
.mafu-install-steps b{font:400 28px/1 Georgia,serif;color:#7d9066}
.mafu-install-steps small{font-size:10px;color:var(--mafu-muted)}
/* Standalone shared community block does not inherit any business-page cards. */
.mafu-site .mafu-community{padding:66px 0;background:#11150f;border:0;margin:0;scroll-margin-top:calc(var(--mafu-header-height) + 24px)}
.mafu-community-inner{display:grid;grid-template-columns:1fr auto;align-items:center;gap:50px}
.mafu-community h2{font-size:28px;font-weight:650;color:var(--mafu-white);margin:11px 0;line-height:1.5}
.mafu-community p{font-size:12px;color:#aeb7a1;margin:0;line-height:1.95}
.mafu-community .mafu-eyebrow{color:var(--mafu-accent);font-size:10px}
.mafu-community-controls{max-width:400px;min-width:280px}
.mafu-community-number{font:500 25px/1.5 Arial,sans-serif;letter-spacing:.05em;color:#e9d0ad;user-select:all;margin-bottom:12px}
.mafu-community-actions{display:flex;gap:10px;flex-wrap:wrap}
.mafu-site .mafu-community .mafu-button{min-height:44px;font-size:12px;padding:10px 17px;gap:20px}
.mafu-copy-qq{cursor:pointer;background:transparent;color:var(--mafu-white);border:1px solid #58644a;border-radius:4px;min-height:44px;padding:9px 17px;font:inherit;font-size:12px}
.mafu-copy-qq:hover{border-color:var(--mafu-accent);color:var(--mafu-accent)}
.mafu-community p.mafu-community-help,.mafu-community p.mafu-community-status{margin-top:12px;font-size:10px;line-height:1.9;max-width:390px}
.mafu-community p.mafu-community-status{color:#f1c18c;user-select:text}
.mafu-community .mafu-community-status:empty{display:none}
.mafu-site .mafu-footer{margin:0;padding:40px 0 26px;border-top:1px solid var(--mafu-line);background:#0d100c;color:#969f89;text-align:left;font-size:11px}
.mafu-footer-top{display:flex;justify-content:space-between;gap:40px;align-items:flex-start}
.mafu-footer-wordmark{font-size:18px;font-weight:700;letter-spacing:.02em;color:#d4d9ca;text-decoration:none}
.mafu-site .mafu-footer nav{display:flex;flex-wrap:wrap;height:auto;min-height:0;justify-content:flex-end;gap:4px 22px;max-width:650px;padding:0;margin:0;font-size:10px}
.mafu-footer nav a{min-height:38px;display:inline-flex;align-items:center;color:#b0b9a2;text-decoration:none}
.mafu-footer nav a:hover{color:var(--mafu-accent)}
.mafu-footer-bottom{border-top:1px solid #30382a;display:flex;justify-content:space-between;gap:25px;margin-top:30px;padding-top:20px;font-size:9px;line-height:1.9}
.mafu-footer-bottom p{margin:0}
.mafu-footer-back{color:#b9c5a9;white-space:nowrap;text-decoration:none;display:inline-flex;min-height:36px;align-items:center}
@media(min-width:1600px){.mafu-hero{min-height:720px;padding-top:108px}.mafu-hero h1{font-size:104px}}
@media(max-width:1120px){.mafu-header-inner{gap:15px;width:calc(100% - 40px)}.mafu-header .mafu-navigation{gap:18px}.mafu-navigation a{font-size:12px}.mafu-statbar>div{gap:12px}.mafu-statbar p>span{display:none}.mafu-download-item{padding:24px 16px}}
@media(max-width:980px){
  .mafu-container{width:calc(100% - 48px)}.mafu-header-inner{flex-wrap:wrap}.mafu-header .mafu-navigation{width:100%;flex-wrap:wrap;padding:12px 0;gap:4px 20px}.mafu-enhanced .mafu-menu-button{display:block}.mafu-enhanced .mafu-header .mafu-navigation{display:none;position:absolute;top:100%;left:0;right:0;background:#161d13;border-bottom:1px solid #566345;padding:16px 24px;box-shadow:0 18px 30px #0007}.mafu-enhanced .mafu-header .mafu-navigation[data-open="true"]{display:flex}.mafu-hero{min-height:620px}.mafu-hero h1{font-size:68px}.mafu-resource-grid{grid-template-columns:1fr 1fr}.mafu-resource-featured{grid-row:span 2}.mafu-resource:last-child{grid-column:1/-1}.mafu-event-layout{grid-template-columns:1fr}.mafu-invite-events{grid-template-columns:1fr 1fr}.mafu-online-event{padding:30px}.mafu-event-time{font-size:54px}.mafu-feature-columns{gap:30px}.mafu-download-grid{grid-template-columns:1fr 1fr}.mafu-download-item{padding:25px;border-bottom:1px solid #48513d}.mafu-download-item:nth-child(2){border-right:0}.mafu-download-item:nth-child(n+3){border-bottom:0}.mafu-statbar strong{font-size:32px}.mafu-statbar{gap:18px}.mafu-community-inner{gap:25px}.mafu-footer-top{display:block}.mafu-site .mafu-footer nav{justify-content:flex-start;margin-top:20px;max-width:none}
}
@media(max-width:640px){
  :root{--mafu-header-height:70px}.mafu-container{width:calc(100% - 40px)}.mafu-header-inner{width:calc(100% - 36px)}.mafu-wordmark{font-size:17px}.mafu-wordmark small{font-size:8px}.mafu-logo-mark{width:33px;height:37px;font-size:25px}.mafu-header .mafu-navigation a{min-height:44px;width:calc(50% - 12px)}.mafu-navigation .mafu-nav-download{justify-content:center}.mafu-hero{min-height:600px;padding:67px 0 56px}.mafu-hero-art{object-position:66% center;opacity:.75}.mafu-hero-shade{background:linear-gradient(90deg,#101210d9,#1012104d),linear-gradient(0deg,#101210 0%,transparent 54%)}.mafu-hero h1{font-size:58px;margin-top:24px}.mafu-hero .mafu-eyebrow{font-size:9px;letter-spacing:.07em}.mafu-hero-tagline{font-size:16px;letter-spacing:0;margin-top:22px!important}.mafu-hero-description{font-size:12px}.mafu-hero-actions{gap:10px;margin-top:28px}.mafu-site .mafu-button{gap:24px;font-size:12px;padding:13px 18px}.mafu-hero-qq{font-size:10px;gap:8px}.mafu-hero-caption{display:none}.mafu-statbar{grid-template-columns:1fr 1fr;padding:23px 0;gap:25px 20px}.mafu-statbar>div{border:0;gap:15px}.mafu-statbar strong{font-size:34px;min-width:63px}.mafu-statbar strong>span{font-size:13px}.mafu-statbar p{font-size:11px}.mafu-section{padding-block:58px}.mafu-section-heading{display:block;margin-bottom:26px}.mafu-section-heading h2{font-size:28px;margin-top:12px}.mafu-section-heading>p,.mafu-section-heading>.mafu-text-link{margin-top:18px}.mafu-section-heading>p{font-size:11px}.mafu-event-layout{gap:16px}.mafu-online-event{padding:24px 21px}.mafu-event-top{font-size:9px;gap:8px}.mafu-label{font-size:9px}.mafu-event-time{font-size:42px;white-space:nowrap}.mafu-event-time>span{margin-inline:8px}.mafu-invite-events{grid-template-columns:1fr;gap:16px}.mafu-invite-card,.mafu-graduation-card{padding:24px 21px}.mafu-invite-card h3,.mafu-graduation-card h3{font-size:19px}.mafu-world-section{padding:54px 0}.mafu-feature-columns{grid-template-columns:1fr;gap:31px;margin-top:32px}.mafu-feature-columns article{position:relative;padding-left:45px}.mafu-feature-number{position:absolute;left:0;top:3px;font-size:26px}.mafu-feature-columns h3{font-size:20px}.mafu-feature-columns p{font-size:12px}.mafu-feature-columns a{margin-top:15px}.mafu-resource-grid{grid-template-columns:1fr}.mafu-resource-featured{grid-row:auto;min-height:275px}.mafu-resource:last-child{grid-column:auto}.mafu-resource{padding:25px;min-height:200px}.mafu-resource-featured p{margin-bottom:28px}.mafu-updates{padding-top:0}.mafu-update summary{grid-template-columns:75px 1fr 18px;gap:12px;padding-block:19px;min-height:72px}.mafu-update-date{font-size:10px}.mafu-update-title{font-size:12px;overflow-wrap:anywhere}.mafu-update ul{padding:0 6px 22px;font-size:11px}.mafu-download-section{padding:54px 0}.mafu-download-grid{grid-template-columns:1fr}.mafu-download-item{border-right:0;padding:24px}.mafu-download-item:nth-child(n+3){border-bottom:1px solid #48513d}.mafu-download-item:last-child{border-bottom:0}.mafu-download-item h3{font-size:18px}.mafu-download-item p{font-size:11px}.mafu-install-steps{grid-template-columns:1fr;gap:22px;margin-top:29px}.mafu-site .mafu-community{padding:48px 0}.mafu-community-inner{grid-template-columns:1fr;gap:27px}.mafu-community h2{font-size:25px}.mafu-community-controls{min-width:0;max-width:none}.mafu-community-number{font-size:27px}.mafu-footer-bottom{display:block}.mafu-footer-back{margin-top:12px}.mafu-site .mafu-footer nav{gap:3px 20px}.mafu-footer-wordmark{font-size:17px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.mafu-site *,.mafu-site *::before,.mafu-site *::after{animation:none!important;transition:none!important}}
.mafu-history { margin-top: 12px; }
.mafu-history > summary { padding: 22px 0; color: var(--mafu-muted, #adb5a7); cursor: pointer; display: flex; align-items: center; justify-content: space-between; font-size: 14px; border-bottom: 1px solid #353c31; }
.mafu-history > summary::-webkit-details-marker { display: none; }
.mafu-history > summary:hover { color: #ed944b; }
.mafu-history[open] > summary { color: #ed944b; margin-bottom: 10px; }

/* Interior pages: the existing DOM, state classes and data loading remain intact.
   Set --mafu-header-height on the shared shell to align the sticky local tools. */
body.mafu-site.mafu-subpage {
  color-scheme: dark;
  --bg: #101210;
  --bg2: #171a16;
  --paper: #101210;
  --panel: #171a16;
  --panel2: #22271f;
  --card: #171a16;
  --card2: #22271f;
  --line: #353b31;
  --line2: #505946;
  --text: #f1eee7;
  --ink: #f1eee7;
  --muted: #a4ab9c;
  --gold: #ed944b;
  --gold2: #f5bd8f;
  --gold-soft: #f5bd8f;
  --blue: #bec7a9;
  --cyan: #c6cfb5;
  --violet: #b3bc9e;
  --green: #b0c995;
  --red: #efa69b;
  --accent: #ed944b;
  --accent-dark: #f6b079;
  --accent2: #c5cda9;
  --focus: #ed944b;
  --add: #b0c995;
  --remove: #efa69b;
  --change: #edb77f;
  --shadow: none;
  margin: 0;
  color: var(--text);
  background: var(--bg);
  font-family: "Microsoft YaHei", "PingFang SC", "Noto Sans SC", system-ui, sans-serif;
  line-height: 1.75;
}

/* Scoped typography and layout avoid recoloring the shared navigation/footer. */
.mafu-subpage > main.wrap,
.mafu-subpage > .hero > .wrap,
.mafu-subpage main .wrap,
.mafu-subpage > .jumpbar > .wrap {
  width: min(1240px, calc(100% - 64px));
}
.mafu-subpage :where(main, .hero, .mafu-legacy-topbar) h1 {
  margin: 14px 0 22px;
  max-width: 22ch;
  color: var(--text);
  font-size: clamp(36px, 5.2vw, 64px);
  font-weight: 800;
  line-height: 1.22;
  letter-spacing: -.045em;
  text-wrap: balance;
}
.mafu-subpage :where(main, .hero) h1 span {
  color: var(--gold);
  background: none;
  -webkit-text-fill-color: currentColor;
}
.mafu-subpage :where(main, .hero) .lead,
.mafu-subpage .hero-copy {
  color: #b7bdaf;
  max-width: 760px;
  font-size: 16px;
  line-height: 1.9;
}
.mafu-subpage :where(main, .hero) :is(.eyebrow, .kicker, .section-kicker) {
  padding: 0;
  color: var(--gold);
  background: none;
  border: 0;
  border-radius: 0;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .18em;
  line-height: 1.7;
}
.mafu-subpage main .section-head { margin-bottom: 28px; }
.mafu-subpage main .section-head h2 {
  color: var(--text);
  font-size: clamp(25px, 3vw, 34px);
  font-weight: 700;
  letter-spacing: -.025em;
  line-height: 1.4;
}
.mafu-subpage :where(main, .hero, .jumpbar, .searchbar, .detail-panel, .detail, .mafu-legacy-topbar)
  :is(a, button, input, select, summary):focus-visible {
  outline: 2px solid var(--gold);
  outline-offset: 4px;
}
.mafu-subpage :where(main, .hero) .btn {
  min-height: 48px;
  padding: 11px 22px;
  border: 1px solid var(--line2);
  border-radius: 4px;
  box-shadow: none;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.6;
  transition: background .18s ease, border-color .18s ease, color .18s ease;
}
.mafu-subpage :where(main, .hero) :is(.btn-primary, .btn-gold) {
  color: #22160d;
  background: var(--gold);
  border-color: var(--gold);
}
.mafu-subpage :where(main, .hero) :is(.btn-secondary, .btn-ghost) {
  color: var(--text);
  background: transparent;
}
.mafu-subpage :where(main, .hero) .btn:hover {
  transform: none;
  border-color: var(--gold);
  box-shadow: none;
}
.mafu-subpage :where(main, .hero) :is(.btn-primary, .btn-gold):hover { background: #f6b079; }
.mafu-subpage :where(main, .hero) :is(.btn-secondary, .btn-ghost):hover { color: var(--gold2); background: #22271f; }
.mafu-subpage :where(main, .hero) :is(.card, .file-card, .route-card, .step, .gift, .play, .shop,
  .tips, .final-cta, .stat, .reward-card, .board, .rule, .balance-card, .panel, .principle) {
  border-color: var(--line);
  border-radius: 6px;
  background: var(--panel);
  box-shadow: none;
}
.mafu-subpage :where(main, .hero) :is(.file-card, .route-card, .balance-card) { border-top: 2px solid var(--gold); }
.mafu-subpage :where(main, .hero) :is(.notice, .note, .model-note, .account-banner, .livebar) {
  color: #c4cabc;
  background: #1c2218;
  border-color: #46503b;
  border-radius: 4px;
  box-shadow: none;
}

/* Download: a restrained file sheet, with installation steps below it. */
.mafu-page-client-download > main { padding: 80px 0 84px; }
.mafu-page-client-download main .hero { gap: 64px; }
.mafu-page-client-download .hero .eyebrow { color: var(--green); }
.mafu-page-client-download .hero .dot { width: 6px; height: 6px; box-shadow: none; }
.mafu-page-client-download .file-card { padding: 30px; }
.mafu-page-client-download .file-mark {
  width: 54px;
  height: 54px;
  border: 1px solid var(--line2);
  border-radius: 4px;
  background: #22271f;
  color: var(--gold);
  font-size: 14px;
}
.mafu-page-client-download .fact { padding-top: 14px; border-top-color: var(--line); }
.mafu-page-client-download .facts { gap: 14px; }
.mafu-page-client-download .section { padding-top: 42px; margin-top: 54px; border-top: 1px solid var(--line); }
.mafu-page-client-download .section .card { padding: 26px; }
.mafu-page-client-download .card .step {
  width: auto;
  height: auto;
  display: block;
  border: 0;
  color: var(--gold);
  background: none;
  font: 500 28px/1.25 Georgia, serif;
}
.mafu-page-client-download .checksum { border-color: var(--line2); border-radius: 4px; background: #141712; }
.mafu-page-client-download .checksum code { color: #c6ceba; line-height: 1.7; }
.mafu-page-client-download .copy { min-height: 44px; border-color: var(--line2); border-radius: 4px; background: #252b21; }
.mafu-page-client-download .notice { border-left-color: var(--gold); }

/* Guide: numbered route, orderly gift cards and calm editorial section breaks. */
.mafu-page-quick-start > .hero { padding: 76px 0 54px; }
.mafu-page-quick-start .hero-grid { grid-template-columns: minmax(0,1fr) 350px; gap: 60px; }
.mafu-page-quick-start .route-card { padding: 28px; }
.mafu-page-quick-start .route-card::before { display: none; }
.mafu-page-quick-start .route-card strong { color: var(--text); font-size: 26px; }
.mafu-page-quick-start .route-list li { color: #bfc6b7; }
.mafu-page-quick-start .route-list li::before { color: var(--gold); background: #2b3025; border-radius: 3px; }
.mafu-page-quick-start .jumpbar { top: var(--mafu-header-height,72px); z-index: 25; background: var(--bg); }
.mafu-page-quick-start .jumpbar-inner { padding: 7px; background: var(--panel); border-color: var(--line); border-radius: 4px; }
.mafu-page-quick-start .jumpbar a { min-height: 44px; display: inline-flex; align-items: center; padding: 8px 14px; border-radius: 3px; border-color: transparent; background: transparent; }
.mafu-page-quick-start .jumpbar a:hover { background: #262d21; border-color: #505946; }
.mafu-page-quick-start main > section { padding: 60px 0; scroll-margin-top: calc(var(--mafu-header-height,72px) + 92px); }
.mafu-page-quick-start main > section + section { border-top: 1px solid var(--line); }
.mafu-page-quick-start .step { padding: 22px; }
.mafu-page-quick-start .step-no { color: var(--gold); }
.mafu-page-quick-start .step::after { display: none; }
.mafu-page-quick-start .gift { padding: 24px; }
.mafu-page-quick-start .gift:hover { transform: none; background: #1d221a; }
.mafu-page-quick-start :is(.gift-tag, .pill, .price) { border-color: var(--line2); border-radius: 3px; color: #c4ccb8; background: #20271b; }
.mafu-page-quick-start .account-banner strong { color: var(--text); }
.mafu-page-quick-start .account-banner .amount { color: var(--gold); }
.mafu-page-quick-start .play { padding: 28px; }
.mafu-page-quick-start .play-icon { border-color: var(--line2); background: #252c1e; border-radius: 4px; }
.mafu-page-quick-start .shop-head { background: #20261b; border-bottom-color: var(--line); }
.mafu-page-quick-start .shop-item { border-top-color: var(--line); }
.mafu-page-quick-start .tips { padding: 28px; }
.mafu-page-quick-start .tip b { color: #d2d9c6; }
.mafu-page-quick-start .final-cta { padding: 50px 26px; border-top: 2px solid var(--gold); }

/* Reward browser: preserve selection and drawer behavior while unifying tools. */
.mafu-page-seria-blessing .hero { padding: 68px 0 30px; }
.mafu-page-seria-blessing .source-icon { border-color: #626746; border-radius: 6px; background: #25291d; box-shadow: none; }
.mafu-page-seria-blessing .model-note { padding: 20px 24px; }
.mafu-page-seria-blessing .stats { gap: 0; border: 1px solid var(--line); border-radius: 4px; overflow: hidden; }
.mafu-page-seria-blessing .stat { border: 0; border-right: 1px solid var(--line); border-radius: 0; padding: 22px 24px; }
.mafu-page-seria-blessing .stat:last-child { border-right: 0; }
.mafu-page-seria-blessing .stat b { margin-bottom: 5px; font-weight: 600; }
.mafu-page-seria-blessing .toolbar { top: var(--mafu-header-height,72px); z-index: 25; background: var(--bg); }
.mafu-page-seria-blessing .toolbar-inner { padding: 12px; background: var(--panel); border-radius: 4px; }
.mafu-page-seria-blessing .search { min-height: 46px; color: var(--text); background: #101410; border-radius: 3px; }
.mafu-page-seria-blessing .search:focus { border-color: var(--gold); box-shadow: none; }
.mafu-page-seria-blessing .chip { min-height: 44px; padding: 8px 13px; border-radius: 3px; }
.mafu-page-seria-blessing .chip.active { color: #261a10; background: var(--gold); }
.mafu-page-seria-blessing .pool-tab { min-height: 76px; border-radius: 4px; background: #171c15; }
.mafu-page-seria-blessing .pool-tab:hover { transform: none; background: #21281b; }
.mafu-page-seria-blessing .pool-tab.active { background: #262a1e; border-color: var(--gold); box-shadow: none; }
.mafu-page-seria-blessing .reward-grid { gap: 12px; }
.mafu-page-seria-blessing .reward-card { padding: 20px; }
.mafu-page-seria-blessing .reward-card:hover,
.mafu-page-seria-blessing .reward-card:focus-visible,
.mafu-page-seria-blessing .reward-card.selected { transform: none; background: #21261b; box-shadow: none; border-color: var(--gold); }
.mafu-page-seria-blessing .reward-card.selected::after { border-radius: 6px; }
.mafu-page-seria-blessing .item-icon { border-color: #46503b; background: #10150d; border-radius: 4px; }
.mafu-page-seria-blessing .badge { border-radius: 3px; }
.mafu-page-seria-blessing .badge.tree { border-color: #505e3f; background: #252f1d; }
.mafu-page-seria-blessing .panel-shade { z-index: 900; background: rgba(6,9,5,.72); }
.mafu-page-seria-blessing .detail-panel { z-index: 1000; top: calc(var(--mafu-header-height,72px) + 18px); background: #171d14; border-radius: 6px; box-shadow: 0 20px 80px #0008; }
.mafu-page-seria-blessing .close { width: 44px; height: 44px; flex: 0 0 44px; background: #242c1d; border-radius: 4px; }
.mafu-page-seria-blessing :is(.info-box, .tree-group) { background: #10160e; border-radius: 4px; }
.mafu-page-seria-blessing .info-box p { color: #d0d6c7; }
.mafu-page-seria-blessing .info-box .flavor { color: #b7b995; }
.mafu-page-seria-blessing .detail-row { border-radius: 4px; }
.mafu-page-seria-blessing .detail-row img { background: #10150d; border-radius: 3px; }
.mafu-page-seria-blessing details.tree-group summary { color: var(--text); min-height: 44px; }

/* Live rankings: readable rows retain every existing rule and numeric field. */
.mafu-page-weekly-abyss main .hero { padding: 70px 0 46px; text-align: left; border-bottom: 1px solid var(--line); }
.mafu-page-weekly-abyss .hero h1 { max-width: none; margin-top: 14px; }
.mafu-page-weekly-abyss .hero p { margin: 18px 0 0; }
.mafu-page-weekly-abyss .livebar { max-width: none; margin: 30px 0 0; justify-content: flex-start; padding: 17px 22px; background: var(--panel); border-color: var(--line); }
.mafu-page-weekly-abyss .live .dot { width: 7px; height: 7px; box-shadow: none; }
.mafu-page-weekly-abyss main > section { padding: 46px 0; }
.mafu-page-weekly-abyss .period-picker { border-radius: 4px; background: var(--panel); }
.mafu-page-weekly-abyss .period-picker select { min-height: 44px; border: 1px solid var(--line2); border-radius: 3px; background: #20261b; }
.mafu-page-weekly-abyss .boards { gap: 14px; }
.mafu-page-weekly-abyss .board-head { padding: 24px 20px 20px; background: #1d2318; }
.mafu-page-weekly-abyss .board-title { align-items: flex-start; flex-wrap: wrap; gap: 8px; }
.mafu-page-weekly-abyss .board-title h3 { font-size: 20px; }
.mafu-page-weekly-abyss .board .badge { border-radius: 3px; background: #303727; color: #d3dabc; font-size: 10px; }
.mafu-page-weekly-abyss .board:nth-child(2) .badge { color: #e6bab1; background: #332a23; }
.mafu-page-weekly-abyss .board:nth-child(3) .badge { color: #f3c18f; background: #3b2b1b; }
.mafu-page-weekly-abyss .formula { margin-top: 14px; min-height: 61px; }
.mafu-page-weekly-abyss :is(th, td) { padding: 13px 10px; border-color: var(--line); }
.mafu-page-weekly-abyss th { background: #141912; }
.mafu-page-weekly-abyss tbody tr:hover { background: #23291e; }
.mafu-page-weekly-abyss .rank { border-radius: 3px; }
.mafu-page-weekly-abyss tr:nth-child(1) .rank { color: #2a1b0a; background: #e8b67b; }
.mafu-page-weekly-abyss tr:nth-child(2) .rank { color: #21241d; background: #bec4b3; }
.mafu-page-weekly-abyss tr:nth-child(3) .rank { color: #2c1d13; background: #bf9174; }
.mafu-page-weekly-abyss .account { color: var(--text); }
.mafu-page-weekly-abyss .character { color: #c0c8b4; }
.mafu-page-weekly-abyss .tier { border-color: var(--line); border-radius: 3px; background: #20261c; }
.mafu-page-weekly-abyss .reward-card { padding: 26px; }
.mafu-page-weekly-abyss .rule { padding: 22px; }
.mafu-page-weekly-abyss main .notice { color: var(--muted); background: none; text-align: left; line-height: 1.9; }

/* Sponsorship: neutral form surfaces, conspicuous primary action and status. */
.mafu-page-sponsor > .hero { padding: 76px 0 48px; }
.mafu-page-sponsor .hero-grid { grid-template-columns: minmax(0,1.2fr) minmax(320px,.8fr); gap: 64px; }
.mafu-page-sponsor .balance-card { padding: 30px; }
.mafu-page-sponsor .balance-value { font-weight: 600; }
.mafu-page-sponsor .mini { border-radius: 3px; background: #20261b; }
.mafu-page-sponsor main > section { padding: 48px 0; border-top: 1px solid var(--line); }
.mafu-page-sponsor .panel { padding: 28px; }
.mafu-page-sponsor .network .chip { border-color: #4b5b3c; background: #242e1d; border-radius: 3px; }
.mafu-page-sponsor :is(.address-box, .amount-box) { background: #20261b; border-color: #4c593f; border-radius: 4px; }
.mafu-page-sponsor :is(.address, .order-id, .field label) { color: #d1d9c4; }
.mafu-page-sponsor .warning { color: #d9b3a5; background: #2b201a; border-left-color: #d28b68; }
.mafu-page-sponsor .warning strong { color: #eab89a; }
.mafu-page-sponsor .field :is(input, select) { height: 48px; background: #11160f; border-radius: 4px; }
.mafu-page-sponsor .field :is(input, select):focus { border-color: var(--gold); box-shadow: none; }
.mafu-page-sponsor .field input:read-only { background: #20251b; color: var(--gold2); }
.mafu-page-sponsor .order-paid-detail a,
.mafu-page-sponsor .tx { color: #ccd5b6; text-underline-offset: 3px; }
.mafu-page-sponsor .cdk-result { border-color: #536c3d; background: #202c1b; border-radius: 4px; }
.mafu-page-sponsor .cdk-value { color: #cce2b7; }
.mafu-page-sponsor .tab { min-height: 44px; border-radius: 4px; padding: 8px 17px; }
.mafu-page-sponsor .tab.active { color: var(--gold2); background: #2a261b; }
.mafu-page-sponsor .table-wrap { border-radius: 4px; background: var(--panel); }
.mafu-page-sponsor :is(th,td) { border-color: var(--line); }
.mafu-page-sponsor th { background: #1d2318; }
.mafu-page-sponsor tbody tr:hover { background: #21291b; }
.mafu-page-sponsor .skeleton { background: #353e2d; }

/* Equipment reference: convert the original light document reader as a unit. */
.mafu-page-a21-equipment > .skip-link { z-index: 1100; color: #24170c; background: var(--gold); border-radius: 4px; }
.mafu-page-a21-equipment > .home-link { display: none; }
.mafu-page-a21-equipment > .hero { color: var(--text); background: var(--bg); border-bottom: 1px solid var(--line); }
.mafu-page-a21-equipment .hero-inner { width: min(1240px,calc(100% - 64px)); padding: 68px 0 42px; }
.mafu-page-a21-equipment .hero h1 { font-family: inherit; max-width: 26ch; }
.mafu-page-a21-equipment .hero-copy { margin: 18px 0 28px; }
.mafu-page-a21-equipment .stats { gap: 8px; }
.mafu-page-a21-equipment .stats span { padding: 10px 14px; color: var(--muted); background: var(--panel); border-color: var(--line); border-radius: 3px; }
.mafu-page-a21-equipment .stats strong { color: var(--gold2); margin-right: 5px; }
.mafu-page-a21-equipment .shell { width: min(1380px,calc(100% - 64px)); margin: 32px auto 70px; }
.mafu-page-a21-equipment :is(.search-panel, .results-panel, .reader-panel) { border-radius: 6px; background: var(--panel); box-shadow: none; }
.mafu-page-a21-equipment .search-panel { padding: 28px; }
.mafu-page-a21-equipment :is(.search-panel h2, .panel-heading h2) { font-family: inherit; font-size: 22px; }
.mafu-page-a21-equipment .search-box input { min-height: 48px; color: var(--text); background: #10160e; border-color: var(--line2); border-radius: 4px; }
.mafu-page-a21-equipment .search-box input:focus { border-color: var(--gold); box-shadow: none; }
.mafu-page-a21-equipment main button { min-height: 44px; color: #281b10; background: var(--gold); border-radius: 4px; }
.mafu-page-a21-equipment main button:hover { background: #f6b079; }
.mafu-page-a21-equipment main button.secondary { color: var(--text); border-color: var(--line2); background: #242d1c; }
.mafu-page-a21-equipment .filters { border-radius: 4px; padding: 10px 15px; }
.mafu-page-a21-equipment .filters label { min-height: 38px; }
.mafu-page-a21-equipment .filters input { accent-color: var(--gold); }
.mafu-page-a21-equipment .content-grid { gap: 18px; margin-top: 22px; }
.mafu-page-a21-equipment .panel-heading { padding: 22px; }
.mafu-page-a21-equipment .reader-heading { background: #1d2518; }
.mafu-page-a21-equipment .results { padding: 12px; gap: 8px; }
.mafu-page-a21-equipment .result-card { padding: 15px; color: var(--text); border-color: var(--line); border-radius: 4px; background: #11180e; }
.mafu-page-a21-equipment .result-card:hover { background: #252f1e; border-color: var(--gold); box-shadow: none; }
.mafu-page-a21-equipment .badge { color: #d0c7ad; background: #333223; border-radius: 3px; }
.mafu-page-a21-equipment .reader { padding: 28px; }
.mafu-page-a21-equipment .entity h2 { font-family: inherit; color: var(--gold2); font-weight: 700; }
.mafu-page-a21-equipment .entity blockquote { color: #e1c6a5; background: #30291b; border-left-color: var(--gold); }
.mafu-page-a21-equipment .entity pre.value { color: #d4ddca; background: #0d130b; border: 1px solid #333f2b; border-radius: 4px; }
.mafu-page-a21-equipment .noscript { color: var(--text); background: var(--panel); }

/* Skill reference: sticky tools sit below the common header; drawer stays above. */
.mafu-page-a21-skills .mafu-legacy-topbar {
  position: static;
  display: flex;
  align-items: flex-end;
  gap: 24px;
  width: min(1380px,calc(100% - 64px));
  margin: 0 auto;
  padding: 66px 0 36px;
  border: 0;
  background: transparent;
  backdrop-filter: none;
}
.mafu-page-a21-skills .mafu-legacy-topbar .brand { display: none; }
.mafu-page-a21-skills .mafu-legacy-topbar h1 { margin: 0 0 18px; max-width: none; font-size: clamp(32px,4vw,50px); }
.mafu-page-a21-skills .mafu-legacy-topbar p { display: block; }
.mafu-page-a21-skills .equipment-link { flex: 0 0 auto; min-height: 44px; padding: 10px 16px; border-radius: 4px; }
.mafu-page-a21-skills > .notice { width: min(1380px,calc(100% - 64px)); max-width: none; margin: 0 auto 22px; padding: 18px 22px; border-color: #48513d; background: #1c2416; color: #c4cdb5; border-radius: 4px; }
.mafu-page-a21-skills .searchbar { width: min(1380px,calc(100% - 64px)); max-width: none; top: calc(var(--mafu-header-height,72px) + 8px); z-index: 25; margin: 0 auto 20px; padding: 14px; background: #1b2316; border-radius: 4px; box-shadow: none; }
.mafu-page-a21-skills .searchbar input { min-height: 46px; background: #0e150b; border-radius: 4px; }
.mafu-page-a21-skills .searchbar input:focus { border-color: var(--gold); box-shadow: none; }
.mafu-page-a21-skills :is(.searchbar button, .load-all, .close) { min-height: 44px; border-radius: 4px; background: #293420; }
.mafu-page-a21-skills .layout { width: min(1380px,calc(100% - 64px)); max-width: none; padding: 0 0 70px; gap: 20px; }
.mafu-page-a21-skills :is(.career-panel, .content-panel) { background: var(--panel); border-radius: 6px; }
.mafu-page-a21-skills .career-panel { top: calc(var(--mafu-header-height,72px) + 96px); max-height: calc(100vh - var(--mafu-header-height,72px) - 120px); padding: 20px 14px; }
.mafu-page-a21-skills .career-panel h2 { padding: 0 6px 14px; border-bottom: 1px solid var(--line); }
.mafu-page-a21-skills .career-button { min-height: 44px; padding: 10px 12px; border-radius: 3px; border-left: 2px solid transparent; }
.mafu-page-a21-skills .career-button.active { color: var(--gold2); background: #2a2d1d; border-left-color: var(--gold); }
.mafu-page-a21-skills .content-panel { padding: 24px; }
.mafu-page-a21-skills .metric { padding: 17px; border-radius: 4px; background: #20281a; }
.mafu-page-a21-skills .metric strong { color: var(--gold2); font-weight: 600; font-size: 25px; }
.mafu-page-a21-skills .metric span { font-size: 12px; }
.mafu-page-a21-skills .chip { min-height: 44px; border-radius: 3px; padding: 9px 14px; }
.mafu-page-a21-skills .chip.active { color: #2a1c0d; background: var(--gold); }
.mafu-page-a21-skills .skill-card { padding: 20px; background: #1c2416; border-radius: 4px; }
.mafu-page-a21-skills .skill-card:hover { border-color: #667350; background: #242e1b; }
.mafu-page-a21-skills .skill-card button:focus-visible { outline: 2px solid var(--gold); outline-offset: 6px; }
.mafu-page-a21-skills .badge { border-radius: 3px; }
.mafu-page-a21-skills .badge.numeric { color: #c1ceb0; }
.mafu-page-a21-skills .badge.form { color: #dfbd98; }
.mafu-page-a21-skills .backdrop { z-index: 900; background: rgba(6,9,5,.72); }
.mafu-page-a21-skills .detail { z-index: 1000; padding: 30px; color: var(--text); background: #151d10; }
.mafu-page-a21-skills .close { min-width: 44px; color: var(--text); }
.mafu-page-a21-skills :is(.placement, .change-card) { border-radius: 4px; }
.mafu-page-a21-skills .placement { background: #242e1c; }
.mafu-page-a21-skills .change-title { padding: 14px 16px; background: #28311f; }
.mafu-page-a21-skills .side { padding: 16px; }
.mafu-page-a21-skills .note { color: #ddc295; }
.mafu-page-a21-skills .grid-table th { background: #27321d; }
.mafu-page-a21-skills .grid-table td { background: #141d0f; }

/* Layout corrections follow the original breakpoints, preserving drawer states. */
@media (max-width: 1100px) {
  .mafu-page-quick-start .hero-grid,
  .mafu-page-sponsor .hero-grid { gap: 32px; }
  .mafu-page-client-download main .hero { gap: 32px; }
  .mafu-page-quick-start .steps { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .mafu-page-weekly-abyss .boards { grid-template-columns: 1fr; }
  .mafu-page-weekly-abyss .board { max-width: none; width: 100%; }
  .mafu-page-weekly-abyss .board-title { align-items: center; }
  .mafu-page-weekly-abyss .formula { min-height: 0; }
}
@media (max-width: 980px) {
  .mafu-page-quick-start .hero-grid { grid-template-columns: 1fr; }
  .mafu-page-quick-start .route-card { max-width: none; }
}
@media (max-width: 900px) {
  .mafu-page-a21-skills .layout { display: block; }
  .mafu-page-a21-skills .career-panel { position: relative; top: auto; max-height: none; margin-bottom: 20px; }
  .mafu-page-a21-skills .mafu-legacy-topbar { align-items: flex-start; }
  .mafu-page-a21-skills .equipment-link { margin-top: 5px; }
}
@media (max-width: 820px) {
  .mafu-page-sponsor .hero-grid { grid-template-columns: 1fr; }
  .mafu-page-sponsor .balance-card { width: 100%; }
}
@media (max-width: 760px) {
  .mafu-subpage > main.wrap,
  .mafu-subpage > .hero > .wrap,
  .mafu-subpage main .wrap,
  .mafu-subpage > .jumpbar > .wrap,
  .mafu-page-a21-equipment :is(.hero-inner, .shell),
  .mafu-page-a21-skills :is(.mafu-legacy-topbar, .searchbar, .layout),
  .mafu-page-a21-skills > .notice { width: calc(100% - 32px); }
  .mafu-subpage :where(main, .hero, .mafu-legacy-topbar) h1 { font-size: clamp(32px,7.5vw,48px); letter-spacing: -.035em; }
  .mafu-page-client-download > main { padding: 48px 0 60px; }
  .mafu-page-client-download .file-card { padding: 24px; }
  .mafu-page-quick-start > .hero,
  .mafu-page-sponsor > .hero { padding: 48px 0 38px; }
  .mafu-page-quick-start main > section { padding: 42px 0; }
  .mafu-page-quick-start .gift,
  .mafu-page-quick-start .play { padding: 22px; }
  .mafu-page-seria-blessing .hero { padding: 46px 0 24px; }
  .mafu-page-seria-blessing .stat { padding: 18px; border-bottom: 1px solid var(--line); }
  .mafu-page-seria-blessing .stat:nth-child(2n) { border-right: 0; }
  .mafu-page-seria-blessing .stat:nth-last-child(-n+2) { border-bottom: 0; }
  .mafu-page-weekly-abyss main .hero { padding: 48px 0 32px; }
  .mafu-page-weekly-abyss main > section { padding: 34px 0; }
  .mafu-page-weekly-abyss .section-head { align-items: flex-start; flex-direction: column; }
  .mafu-page-sponsor .panel { padding: 22px; }
  .mafu-page-a21-equipment .hero-inner { padding: 46px 0 32px; }
  .mafu-page-a21-equipment .shell { margin-top: 24px; }
  .mafu-page-a21-equipment :is(.search-panel, .reader, .panel-heading) { padding: 20px; }
  .mafu-page-a21-equipment .content-grid { grid-template-columns: 1fr; }
  .mafu-page-a21-skills .mafu-legacy-topbar { padding: 46px 0 24px; flex-direction: column; gap: 8px; }
  .mafu-page-a21-skills .equipment-link { margin: 0; }
  .mafu-page-a21-skills .content-panel { padding: 16px; }
  .mafu-page-a21-skills .skill-card { padding: 16px; }
  .mafu-page-a21-skills .career-title { align-items: flex-start; gap: 8px; flex-wrap: wrap; }
}
@media (max-width: 680px) {
  .mafu-page-seria-blessing .toolbar-inner { grid-template-columns: 1fr; }
  .mafu-page-seria-blessing .filters { justify-content: flex-start; }
  .mafu-page-seria-blessing .detail-panel { top: auto; right: 0; bottom: 0; left: 0; width: 100%; max-height: 88vh; border-radius: 6px 6px 0 0; }
}
@media (max-width: 560px) {
  .mafu-page-quick-start .steps { grid-template-columns: 1fr; }
  .mafu-page-client-download .checksum { align-items: stretch; flex-direction: column; }
  .mafu-page-client-download .fact { gap: 14px; }
  .mafu-page-client-download .fact strong { overflow-wrap: anywhere; }
  .mafu-page-seria-blessing .pool-tabs { gap: 8px; }
  .mafu-page-seria-blessing .pool-tab { min-width: 145px; padding: 12px; }
  .mafu-page-seria-blessing .list-head { align-items: flex-start; flex-direction: column; gap: 6px; }
  .mafu-page-weekly-abyss .livebar { padding: 18px; gap: 12px; }
  .mafu-page-weekly-abyss .board-head { padding: 20px 16px; }
  .mafu-page-weekly-abyss .reward-card { padding: 20px; }
  .mafu-page-a21-equipment .filters { grid-template-columns: 1fr; }
  .mafu-page-a21-equipment :is(.search-panel, .reader, .panel-heading) { padding: 16px; }
  .mafu-page-a21-equipment .hero h1 { font-size: 34px; }
  .mafu-page-a21-skills .detail { width: 100vw; padding: 18px; }
  .mafu-page-a21-skills .searchbar { padding: 12px; }
  .mafu-page-a21-skills .searchbar label { font-size: 13px; }
  .mafu-page-a21-skills .metric { padding: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  .mafu-subpage :is(.btn, .gift, .chip, .pool-tab, .reward-card, .detail-panel, .detail) { transition: none; }
}