/* 无名辅助官网 · dnfgwc.com
   风格组合：A1 暗黑魔幻 · B4 血红暗金 · C5 笔记本外框轮播 · D4 Bento 网格 · E2 年卡永久卡居中放大 · F1 硬核老玩家口吻
   类名前缀：xr- （BEM） */

:root{
  --xr-bg:#0b0809;
  --xr-bg2:#120d0f;
  --xr-panel:#1a1315;
  --xr-panel2:#221a1c;
  --xr-line:rgba(214,178,106,.18);
  --xr-line2:rgba(214,178,106,.38);
  --xr-gold:#d6b26a;
  --xr-gold2:#f2d999;
  --xr-red:#b3142c;
  --xr-red2:#e0334b;
  --xr-text:#ece3d6;
  --xr-mute:#a89b8c;
  --xr-dim:#7d7266;
  --xr-ok:#5fc48a;
  --xr-r:14px;
  --xr-serif:"Source Han Serif SC","Noto Serif SC","Noto Serif CJK SC","思源宋体","Songti SC","STSong","SimSun",serif;
  --xr-sans:system-ui,-apple-system,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC",sans-serif;
  --xr-shadow:0 18px 50px -18px rgba(0,0,0,.85);
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:76px}
body{
  margin:0;min-height:100vh;
  font:16px/1.75 var(--xr-sans);
  color:var(--xr-text);
  background:
    radial-gradient(1200px 600px at 85% -10%,rgba(179,20,44,.22),transparent 60%),
    radial-gradient(900px 500px at -10% 30%,rgba(214,178,106,.07),transparent 60%),
    var(--xr-bg);
  overflow-x:hidden;
}
img,picture,svg{display:block;max-width:100%;height:auto}
a{color:var(--xr-gold2);text-decoration:none}
a:hover{color:#fff}
h1,h2,h3,h4{font-family:var(--xr-serif);line-height:1.3;margin:0 0 .6em;color:#fff;font-weight:700;letter-spacing:.02em}
p{margin:0 0 1em}
ul,ol{margin:0 0 1em;padding-left:1.3em}
strong{color:var(--xr-gold2)}
:focus-visible{outline:2px solid var(--xr-gold2);outline-offset:3px;border-radius:4px}

.xr-wrap{width:100%;max-width:1200px;margin:0 auto;padding:0 16px}
@media (min-width:768px){.xr-wrap{padding:0 28px}}

.xr-skip{position:absolute;left:-999px;top:8px;z-index:100;background:var(--xr-gold);color:#000;padding:8px 14px;border-radius:6px}
.xr-skip:focus{left:8px}

/* ---------- 按钮 ---------- */
.xr-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:48px;padding:0 22px;border-radius:10px;
  font-weight:700;font-size:16px;line-height:1;white-space:nowrap;
  border:1px solid transparent;cursor:pointer;
  transition:transform .2s,box-shadow .2s,background .2s,color .2s;
}
.xr-btn svg{width:18px;height:18px;flex:none}
.xr-btn--blood{color:#fff;background:linear-gradient(180deg,#d22a43,#8e0f22);border-color:#ff5a70;box-shadow:0 10px 30px -10px rgba(224,51,75,.8),inset 0 1px 0 rgba(255,255,255,.25)}
.xr-btn--blood:hover{color:#fff;transform:translateY(-2px);box-shadow:0 14px 36px -10px rgba(224,51,75,.95),inset 0 1px 0 rgba(255,255,255,.3)}
.xr-btn--gold{color:#1b1206;background:linear-gradient(180deg,#f6dea2,#c39648);border-color:#ffe9b4;box-shadow:0 10px 30px -12px rgba(214,178,106,.8),inset 0 1px 0 rgba(255,255,255,.5)}
.xr-btn--gold:hover{color:#000;transform:translateY(-2px)}
.xr-btn--ghost{color:var(--xr-gold2);background:rgba(214,178,106,.06);border-color:var(--xr-line2)}
.xr-btn--ghost:hover{background:rgba(214,178,106,.14);color:#fff}
.xr-btn--sm{min-height:38px;padding:0 14px;font-size:14px;border-radius:8px}
.xr-btn--block{width:100%}

/* ---------- 顶栏 ---------- */
.xr-head{position:sticky;top:0;z-index:50;background:rgba(11,8,9,.86);border-bottom:1px solid var(--xr-line);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.xr-head__in{display:flex;align-items:center;gap:20px;height:64px}
.xr-logo{display:flex;align-items:center;gap:10px;color:#fff;font-family:var(--xr-serif);font-weight:700;font-size:20px;letter-spacing:.08em}
.xr-logo img{width:32px;height:32px}
.xr-logo small{display:block;font:500 11px/1 var(--xr-sans);color:var(--xr-gold);letter-spacing:.1em;margin-top:3px}
.xr-nav{margin-left:auto;display:none}
.xr-nav ul{display:flex;gap:4px;list-style:none;margin:0;padding:0}
.xr-nav a{display:block;padding:8px 12px;border-radius:8px;color:var(--xr-text);font-size:15px}
.xr-nav a:hover,.xr-nav a[aria-current="page"]{color:var(--xr-gold2);background:rgba(214,178,106,.08)}
.xr-nav .xr-nav__ext{color:var(--xr-gold)}
.xr-head__cta{margin-left:auto}
@media (min-width:1000px){
  .xr-nav{display:block}
  .xr-head__cta{margin-left:8px}
}

/* ---------- 移动端底部操作栏 ---------- */
.xr-dock{position:fixed;left:0;right:0;bottom:0;z-index:60;display:grid;grid-template-columns:repeat(5,1fr);align-items:end;
  background:rgba(14,10,11,.96);border-top:1px solid var(--xr-line2);padding:6px 6px calc(6px + env(safe-area-inset-bottom));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.xr-dock a{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:12px;color:var(--xr-mute);padding:4px 0}
.xr-dock a[aria-current="page"]{color:var(--xr-gold2)}
.xr-dock svg{width:22px;height:22px}
.xr-dock .xr-dock__main{margin-top:-22px;color:#fff;font-weight:700}
.xr-dock .xr-dock__main span.xr-dock__orb{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:linear-gradient(180deg,#e0334b,#8e0f22);border:2px solid var(--xr-gold);box-shadow:0 6px 24px rgba(224,51,75,.7)}
body{padding-bottom:78px}
@media (min-width:1000px){.xr-dock{display:none}body{padding-bottom:0}}

/* ---------- 通用区块 ---------- */
.xr-sec{padding:64px 0}
@media (min-width:768px){.xr-sec{padding:96px 0}}
.xr-sec--alt{background:linear-gradient(180deg,rgba(26,19,21,.0),rgba(26,19,21,.75) 12%,rgba(26,19,21,.75) 88%,rgba(26,19,21,0))}
.xr-sec__head{max-width:760px;margin:0 auto 40px;text-align:center}
.xr-sec__kicker{display:inline-flex;align-items:center;gap:10px;color:var(--xr-gold);font-size:13px;letter-spacing:.3em;margin-bottom:10px}
.xr-sec__kicker::before,.xr-sec__kicker::after{content:"";width:28px;height:1px;background:linear-gradient(90deg,transparent,var(--xr-gold))}
.xr-sec__kicker::after{transform:scaleX(-1)}
.xr-sec__title{font-size:clamp(26px,4.2vw,40px)}
.xr-sec__lead{color:var(--xr-mute);font-size:16px}

.xr-tag{display:inline-block;padding:2px 9px;border-radius:999px;font-size:12px;line-height:1.7;border:1px solid var(--xr-line2);color:var(--xr-gold);background:rgba(214,178,106,.06);white-space:nowrap}
.xr-tag--vip{color:#fff;border-color:#ff6a7e;background:linear-gradient(90deg,rgba(179,20,44,.85),rgba(224,51,75,.6))}

/* 金色描边面板（四角饰） */
.xr-panel{position:relative;background:linear-gradient(180deg,var(--xr-panel2),var(--xr-panel));border:1px solid var(--xr-line);border-radius:var(--xr-r);box-shadow:var(--xr-shadow)}
.xr-panel::before,.xr-panel::after{content:"";position:absolute;width:16px;height:16px;border:2px solid var(--xr-gold);opacity:.7;pointer-events:none}
.xr-panel::before{top:-1px;left:-1px;border-right:0;border-bottom:0;border-top-left-radius:var(--xr-r)}
.xr-panel::after{bottom:-1px;right:-1px;border-left:0;border-top:0;border-bottom-right-radius:var(--xr-r)}

/* ---------- Hero ---------- */
.xr-hero{padding:40px 0 56px;position:relative}
.xr-hero__grid{display:grid;gap:40px;align-items:center}
@media (min-width:1000px){.xr-hero{padding:72px 0 88px}.xr-hero__grid{grid-template-columns:5fr 7fr;gap:56px}}
.xr-hero__badge{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--xr-gold2);border:1px solid var(--xr-line2);background:rgba(179,20,44,.18);padding:5px 12px;border-radius:999px;margin-bottom:18px}
.xr-hero__badge i{width:8px;height:8px;border-radius:50%;background:var(--xr-red2);box-shadow:0 0 0 4px rgba(224,51,75,.25);font-style:normal}
.xr-hero h1{font-size:clamp(30px,5.4vw,52px);margin-bottom:18px}
@media (min-width:1000px){.xr-hero h1{font-size:clamp(34px,3.2vw,46px)}}
.xr-hero h1 em{font-style:normal;background:linear-gradient(180deg,#fff0c8,#d6a24e);-webkit-background-clip:text;background-clip:text;color:transparent}
.xr-hero__intro{color:#d8cfc3;font-size:17px;max-width:560px}
.xr-hero__cta{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 14px}
.xr-hero__cta .xr-btn{flex:1 1 auto}
@media (min-width:560px){.xr-hero__cta .xr-btn{flex:0 0 auto}}
.xr-hero__note{font-size:14px;color:var(--xr-mute)}
.xr-hero__note b{color:var(--xr-gold2)}

/* 笔记本外框 */
.xr-laptop{position:relative;max-width:760px;margin:0 auto;filter:drop-shadow(0 30px 60px rgba(0,0,0,.7))}
.xr-laptop__lid{position:relative;padding:3.2% 3.2% 4.2%;border-radius:18px 18px 6px 6px;background:linear-gradient(180deg,#2b2224,#141012);border:1px solid #3c3032;box-shadow:inset 0 0 0 2px #0a0708,0 0 0 1px rgba(214,178,106,.15)}
.xr-laptop__lid::before{content:"";position:absolute;top:1.4%;left:50%;width:6px;height:6px;margin-left:-3px;border-radius:50%;background:#3a3133;box-shadow:inset 0 0 2px #000}
.xr-laptop__screen{position:relative;overflow:hidden;border-radius:4px;background:#000;aspect-ratio:716/508}
.xr-laptop__base{position:relative;height:18px;margin:0 -6%;border-radius:0 0 22px 22px;background:linear-gradient(180deg,#3a2f31,#1b1517 60%,#0e0b0c);border-top:1px solid #4a3c3e}
.xr-laptop__base::before{content:"";position:absolute;top:0;left:50%;width:16%;height:7px;transform:translateX(-50%);border-radius:0 0 10px 10px;background:#120e0f}
.xr-laptop__glow{position:absolute;inset:8% 6% -6%;z-index:-1;background:radial-gradient(closest-side,rgba(224,51,75,.45),transparent);filter:blur(30px)}

/* 轮播 */
.xr-car{position:relative;height:100%;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.xr-car__track{display:flex;height:100%;transition:transform .55s cubic-bezier(.22,.8,.24,1);will-change:transform}
.xr-car__slide{position:relative;flex:0 0 100%;margin:0}
.xr-car__slide img{width:100%;height:100%;object-fit:cover;-webkit-user-drag:none}
.xr-car__cap{position:absolute;left:0;right:0;bottom:0;padding:34px 16px 12px;background:linear-gradient(180deg,transparent,rgba(5,3,4,.92) 55%)}
.xr-car__cap strong{display:block;font-family:var(--xr-serif);font-size:clamp(15px,2vw,19px);color:#fff}
.xr-car__cap span{display:block;font-size:clamp(12px,1.5vw,14px);color:#d8cdbf;line-height:1.5}
.xr-car__btn{position:absolute;top:42%;z-index:2;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--xr-line2);background:rgba(10,7,8,.7);color:var(--xr-gold2);cursor:pointer;transition:background .2s}
.xr-car__btn:hover{background:rgba(179,20,44,.85);color:#fff}
.xr-car__btn svg{width:18px;height:18px}
.xr-car__btn--prev{left:10px}
.xr-car__btn--next{right:10px}
.xr-car__dots{display:flex;justify-content:center;gap:8px;margin-top:22px}
.xr-car__dots button{width:10px;height:10px;padding:0;border-radius:50%;border:1px solid var(--xr-gold);background:transparent;cursor:pointer;transition:width .25s,background .25s}
.xr-car__dots button[aria-current="true"]{width:28px;border-radius:6px;background:var(--xr-gold)}

/* 数字条 */
.xr-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--xr-line);border:1px solid var(--xr-line);border-radius:var(--xr-r);overflow:hidden}
.xr-stats li{list-style:none;background:var(--xr-bg2);padding:18px 14px;text-align:center}
.xr-stats li:last-child{grid-column:1/-1}
.xr-stats b{display:block;font-family:var(--xr-serif);font-size:clamp(26px,3.6vw,36px);line-height:1.1;background:linear-gradient(180deg,#fff2cd,#c99a4a);-webkit-background-clip:text;background-clip:text;color:transparent}
.xr-stats span{font-size:13px;color:var(--xr-mute)}
@media (min-width:768px){.xr-stats{grid-template-columns:repeat(5,1fr)}.xr-stats li:last-child{grid-column:auto}}
.xr-stats-wrap{margin-top:-8px;padding:0}

/* ---------- Bento 功能区 ---------- */
.xr-bento{display:grid;gap:16px;grid-template-columns:1fr}
@media (min-width:700px){.xr-bento{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1080px){.xr-bento{grid-template-columns:repeat(4,1fr);grid-auto-flow:dense}}
.xr-tile{padding:24px 22px;display:flex;flex-direction:column;overflow:hidden}
.xr-tile h3{font-size:20px;margin-bottom:10px}
.xr-tile h3 small{display:block;font:600 12px/1.6 var(--xr-sans);color:var(--xr-gold);letter-spacing:.12em;margin-bottom:4px}
.xr-tile p{color:#cfc5b8;font-size:15px;margin-bottom:14px}
.xr-tile__ico{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;margin-bottom:16px;background:radial-gradient(circle at 30% 30%,rgba(224,51,75,.55),rgba(179,20,44,.15));border:1px solid rgba(255,106,126,.35);color:var(--xr-gold2)}
.xr-tile__ico svg{width:24px;height:24px}
.xr-tile__more{margin-top:auto;font-size:14px;font-weight:600}
.xr-tile__more::after{content:" →"}
.xr-tile__tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}
.xr-tile__shot{margin:6px -22px -24px;border-top:1px solid var(--xr-line);overflow:hidden;max-height:300px}
.xr-tile__shot img{width:100%;transform:perspective(900px) rotateX(8deg) scale(1.04);transform-origin:top;transition:transform .5s}
.xr-tile:hover .xr-tile__shot img{transform:perspective(900px) rotateX(0) scale(1)}
@media (min-width:1080px){
  .xr-tile--w2{grid-column:span 2}
  .xr-tile--h2{grid-row:span 2}
  .xr-tile--w4{grid-column:span 4}
}
.xr-tile--accent{background:linear-gradient(135deg,rgba(179,20,44,.38),rgba(26,19,21,.95) 60%)}
.xr-tile--wide-row{flex-direction:column}
@media (min-width:1080px){.xr-tile--wide-row{flex-direction:row;align-items:center;gap:24px}.xr-tile--wide-row p{margin:0}.xr-tile--wide-row .xr-tile__ico{margin:0}}

/* 年卡专属提示条 */
.xr-vipbar{margin-top:28px;padding:22px 22px;display:grid;gap:16px;align-items:center;background:linear-gradient(100deg,rgba(179,20,44,.55),rgba(60,14,22,.85) 45%,rgba(26,19,21,.95));border:1px solid rgba(255,106,126,.4);border-radius:var(--xr-r)}
.xr-vipbar h3{font-size:20px;margin:0 0 6px}
.xr-vipbar p{margin:0;color:#e8dccd;font-size:15px}
.xr-vipbar ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:12px 0 0}
.xr-vipbar li{font-size:13px;padding:3px 10px;border-radius:6px;background:rgba(0,0,0,.35);border:1px solid var(--xr-line2);color:var(--xr-gold2)}
.xr-vipbar li.is-key{background:var(--xr-gold);color:#1b1206;font-weight:700;border-color:var(--xr-gold2)}
@media (min-width:900px){.xr-vipbar{grid-template-columns:1fr auto;padding:26px 30px}}

/* ---------- 三步上手 ---------- */
.xr-steps{display:grid;gap:16px;counter-reset:xr-step;list-style:none;padding:0;margin:0}
@media (min-width:860px){.xr-steps{grid-template-columns:repeat(3,1fr);gap:22px}}
.xr-step{position:relative;padding:28px 22px 24px 22px;counter-increment:xr-step}
.xr-step::marker{content:none}
.xr-step__no{position:absolute;top:-16px;left:22px;font:700 14px/1 var(--xr-sans);color:#1b1206;background:var(--xr-gold);padding:8px 12px;border-radius:8px;letter-spacing:.1em}
.xr-step__no::before{content:"STEP 0" counter(xr-step)}
.xr-step h3{font-size:20px;margin:6px 0 8px}
.xr-step p{color:#cfc5b8;font-size:15px;margin:0 0 14px}
.xr-step .xr-btn{margin-top:auto}
.xr-step--gift{border-color:rgba(255,106,126,.5);background:linear-gradient(180deg,rgba(179,20,44,.35),var(--xr-panel) 70%)}
.xr-steps-foot{text-align:center;margin-top:26px;color:var(--xr-mute);font-size:15px}

/* ---------- 定价 ---------- */
.xr-price{display:grid;gap:16px;align-items:stretch}
@media (min-width:640px){.xr-price{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1080px){.xr-price{grid-template-columns:1fr 1fr 1.28fr 1.28fr 1fr;align-items:center}}
.xr-card{display:flex;flex-direction:column;padding:26px 20px 22px;text-align:center}
.xr-card__name{font-family:var(--xr-serif);font-size:20px;color:#fff;margin:0 0 4px}
.xr-card__fit{font-size:13px;color:var(--xr-mute);margin:0 0 16px}
.xr-card__price{font-family:var(--xr-serif);font-size:44px;line-height:1;color:#fff;margin:0}
.xr-card__price small{font:600 16px var(--xr-sans);color:var(--xr-mute);margin-right:2px}
.xr-card__day{margin:10px auto 16px;font-size:14px;color:var(--xr-gold2);background:rgba(214,178,106,.08);border:1px dashed var(--xr-line2);padding:4px 10px;border-radius:6px}
.xr-card ul{list-style:none;padding:0;margin:0 0 20px;text-align:left;font-size:14px;color:#cfc5b8}
.xr-card li{padding:6px 0 6px 22px;position:relative;border-bottom:1px dashed rgba(214,178,106,.12)}
.xr-card li::before{content:"";position:absolute;left:2px;top:13px;width:10px;height:6px;border-left:2px solid var(--xr-ok);border-bottom:2px solid var(--xr-ok);transform:rotate(-45deg)}
.xr-card li.is-no{color:var(--xr-dim)}
.xr-card li.is-no::before{border:0;width:10px;height:2px;top:15px;background:var(--xr-dim);transform:none}
.xr-card .xr-btn{margin-top:auto}
.xr-card--hot{padding:38px 24px 28px;border-color:var(--xr-gold);background:linear-gradient(180deg,rgba(179,20,44,.42),#1d1416 55%);box-shadow:0 0 0 1px rgba(242,217,153,.35),0 30px 70px -20px rgba(224,51,75,.6)}
.xr-card--hot .xr-card__price{font-size:56px;background:linear-gradient(180deg,#fff3cf,#d6a24e);-webkit-background-clip:text;background-clip:text;color:transparent}
.xr-card__ribbon{position:absolute;top:-14px;left:50%;transform:translateX(-50%);white-space:nowrap;padding:6px 14px;border-radius:999px;font-size:13px;font-weight:700;color:#1b1206;background:linear-gradient(180deg,#f6dea2,#c39648);box-shadow:0 6px 18px rgba(0,0,0,.5)}
@media (max-width:1079px){
  .xr-card--year{order:-2}.xr-card--life{order:-1}
}
.xr-price-note{margin-top:30px;padding:20px 22px;display:grid;gap:12px}
.xr-price-note ol{display:flex;flex-wrap:wrap;gap:10px 8px;list-style:none;padding:0;margin:0;align-items:center}
.xr-price-note li{display:flex;align-items:center;gap:8px;font-size:15px}
.xr-price-note li b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--xr-red);color:#fff;font-size:13px}
.xr-price-note li + li::before{content:"→";color:var(--xr-gold);margin-right:4px}
.xr-price-note p{margin:0;font-size:14px;color:var(--xr-mute)}

/* ---------- 场景 ---------- */
.xr-scenes{display:grid;gap:16px}
@media (min-width:700px){.xr-scenes{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1080px){.xr-scenes{grid-template-columns:repeat(4,1fr)}}
.xr-scene{padding:22px 20px}
.xr-scene h3{font-size:18px;margin-bottom:8px}
.xr-scene p{font-size:14px;color:#cfc5b8;margin:0 0 12px}
.xr-scene__k{font-size:12px;color:var(--xr-gold);letter-spacing:.12em;margin-bottom:8px}

/* ---------- 文章卡片 ---------- */
.xr-posts{display:grid;gap:18px}
@media (min-width:700px){.xr-posts{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1080px){.xr-posts{grid-template-columns:repeat(3,1fr)}}
.xr-post{display:flex;flex-direction:column;overflow:hidden;transition:transform .25s,border-color .25s}
.xr-post:hover{transform:translateY(-4px);border-color:var(--xr-line2)}
.xr-post__cover{display:block;overflow:hidden;border-bottom:1px solid var(--xr-line);border-radius:var(--xr-r) var(--xr-r) 0 0;aspect-ratio:716/400}
.xr-post__cover img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .5s}
.xr-post:hover .xr-post__cover img{transform:scale(1.05)}
.xr-post__body{padding:18px 18px 20px;display:flex;flex-direction:column;flex:1}
.xr-post__meta{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;font-size:13px;color:var(--xr-dim);margin-bottom:8px}
.xr-post h3,.xr-post h2{font-size:18px;margin:0 0 8px;line-height:1.45}
.xr-post h3 a,.xr-post h2 a{color:#fff}
.xr-post h3 a:hover,.xr-post h2 a:hover{color:var(--xr-gold2)}
.xr-post p{font-size:14px;color:#c4b9ac;margin:0 0 14px}
.xr-post__more{margin-top:auto;font-size:14px;font-weight:600}
.xr-center{text-align:center;margin-top:30px}

/* ---------- FAQ ---------- */
.xr-faq{max-width:860px;margin:0 auto;display:grid;gap:12px}
.xr-faq details{border:1px solid var(--xr-line);border-radius:12px;background:var(--xr-panel);overflow:hidden}
.xr-faq details[open]{border-color:var(--xr-line2);background:var(--xr-panel2)}
.xr-faq summary{list-style:none;cursor:pointer;display:flex;gap:12px;align-items:center;padding:16px 18px;font-weight:700;font-size:16px;color:#fff}
.xr-faq summary::-webkit-details-marker{display:none}
.xr-faq summary::before{content:"问";flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--xr-red);color:#fff;font:700 14px var(--xr-serif)}
.xr-faq summary::after{content:"+";margin-left:auto;font-size:22px;color:var(--xr-gold);transition:transform .25s}
.xr-faq details[open] summary::after{transform:rotate(45deg)}
.xr-faq details > div{padding:0 18px 18px 58px;color:#cfc5b8;font-size:15px}
.xr-faq details > div p:last-child{margin:0}

/* ---------- QQ 群 ---------- */
.xr-qq{display:grid;gap:28px;padding:30px 22px;overflow:hidden;background:
  radial-gradient(600px 300px at 100% 0,rgba(224,51,75,.35),transparent 70%),
  linear-gradient(180deg,var(--xr-panel2),var(--xr-panel))}
@media (min-width:900px){.xr-qq{grid-template-columns:1.1fr 1fr;padding:44px 46px;align-items:center}}
.xr-qq h2{font-size:clamp(24px,3.4vw,34px)}
.xr-qq__num{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:18px 0 20px}
.xr-qq__num output{font:700 clamp(30px,6vw,46px)/1 var(--xr-serif);letter-spacing:.06em;color:var(--xr-gold2);text-shadow:0 0 24px rgba(214,178,106,.35)}
.xr-qq__actions{display:flex;flex-wrap:wrap;gap:12px}
.xr-qq__list{list-style:none;padding:0;margin:0;display:grid;gap:12px}
@media (min-width:560px){.xr-qq__list{grid-template-columns:1fr 1fr}}
.xr-qq__list li{padding:16px;border-radius:12px;border:1px solid var(--xr-line);background:rgba(0,0,0,.28)}
.xr-qq__list b{display:block;color:#fff;font-family:var(--xr-serif);font-size:17px;margin-bottom:2px}
.xr-qq__list span{font-size:14px;color:var(--xr-mute)}

/* ---------- 页脚 ---------- */
.xr-foot{margin-top:40px;border-top:1px solid var(--xr-line);background:#080607;padding:48px 0 0;font-size:14px;color:var(--xr-mute)}
.xr-foot__grid{display:grid;gap:30px}
@media (min-width:768px){.xr-foot__grid{grid-template-columns:1.4fr 1fr 1fr 1.4fr}}
.xr-foot h2{font-size:16px;color:#fff;margin-bottom:12px}
.xr-foot ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.xr-foot a{color:var(--xr-mute)}
.xr-foot a:hover{color:var(--xr-gold2)}
.xr-foot__brand p{margin:12px 0}
.xr-foot__qq{color:var(--xr-gold2);font-weight:700}
.xr-foot__bar{margin-top:40px;border-top:1px solid rgba(214,178,106,.1);padding:18px 0 24px;text-align:center;font-size:13px;color:var(--xr-dim)}
.xr-foot__bar p{margin:4px 0}

/* ---------- toast ---------- */
.xr-toast{position:fixed;left:50%;bottom:100px;z-index:90;transform:translate(-50%,20px);opacity:0;pointer-events:none;padding:12px 20px;border-radius:10px;background:#1f1719;border:1px solid var(--xr-gold);color:#fff;font-size:15px;box-shadow:var(--xr-shadow);transition:opacity .25s,transform .25s}
.xr-toast.is-on{opacity:1;transform:translate(-50%,0)}
@media (min-width:1000px){.xr-toast{bottom:40px}}

/* ---------- 内页通用 ---------- */
.xr-crumb{font-size:14px;color:var(--xr-dim);padding:18px 0 0}
.xr-crumb ol{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0;margin:0}
.xr-crumb li + li::before{content:"›";margin-right:6px;color:var(--xr-gold)}
.xr-crumb a{color:var(--xr-mute)}
.xr-pagehero{padding:26px 0 40px;text-align:center}
.xr-pagehero h1{font-size:clamp(28px,4.6vw,46px);max-width:900px;margin:0 auto 14px}
.xr-pagehero p{color:var(--xr-mute);max-width:760px;margin:0 auto}
.xr-pagehero__cta{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:22px}

/* 功能页目录 */
.xr-toc{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;list-style:none;padding:0;margin:24px auto 0;max-width:980px}
.xr-toc a{display:block;padding:7px 14px;border-radius:999px;border:1px solid var(--xr-line2);font-size:14px;color:var(--xr-gold2);background:rgba(214,178,106,.05)}
.xr-toc a:hover{background:var(--xr-red);border-color:var(--xr-red2);color:#fff}

/* 功能页章节 */
.xr-feat{padding:56px 0;border-top:1px solid rgba(214,178,106,.08)}
.xr-feat__grid{display:grid;gap:32px;align-items:start}
@media (min-width:980px){
  .xr-feat__grid{grid-template-columns:1fr 1fr;gap:56px}
  .xr-feat:nth-of-type(odd) .xr-feat__media{order:-1}
}
.xr-feat__no{font:700 13px/1 var(--xr-sans);letter-spacing:.3em;color:var(--xr-red2);margin-bottom:10px}
.xr-feat h2{font-size:clamp(24px,3.4vw,32px)}
.xr-feat p{color:#d3c9bc}
.xr-feat__tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}
.xr-tip{margin-top:18px;padding:16px 18px;border-left:3px solid var(--xr-gold);background:rgba(214,178,106,.06);border-radius:0 10px 10px 0;font-size:15px}
.xr-tip strong{display:block;margin-bottom:4px;font-family:var(--xr-serif)}
.xr-tip ul{margin:0}
.xr-feat__media{display:grid;gap:18px}

/* 软件窗口外框 */
.xr-win{margin:0;border-radius:12px;overflow:hidden;border:1px solid var(--xr-line2);background:#0e0a0b;box-shadow:0 26px 60px -20px rgba(0,0,0,.9),0 0 0 1px rgba(0,0,0,.6);transform:perspective(1400px) rotateY(-4deg) rotateX(2deg);transition:transform .5s}
.xr-feat:nth-of-type(even) .xr-win{transform:perspective(1400px) rotateY(4deg) rotateX(2deg)}
.xr-win:hover,.xr-feat:nth-of-type(even) .xr-win:hover{transform:none}
.xr-win__bar{display:flex;align-items:center;gap:6px;padding:9px 12px;background:linear-gradient(180deg,#2a2022,#1a1416);border-bottom:1px solid var(--xr-line)}
.xr-win__bar i{width:10px;height:10px;border-radius:50%;background:#5a4a4c}
.xr-win__bar i:first-child{background:var(--xr-red2)}
.xr-win__bar i:nth-child(2){background:var(--xr-gold)}
.xr-win__bar span{margin-left:8px;font-size:12px;color:var(--xr-mute)}
.xr-win figcaption{padding:10px 14px;font-size:13px;color:var(--xr-mute);border-top:1px solid var(--xr-line)}

/* 登陆器徽章墙 */
.xr-launchers{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:22px}
@media (min-width:560px){.xr-launchers{grid-template-columns:repeat(4,1fr)}}
.xr-launchers li{list-style:none;text-align:center;padding:16px 8px;border-radius:12px;border:1px solid var(--xr-line);background:rgba(0,0,0,.3);font-family:var(--xr-serif);color:#fff}
.xr-launchers li small{display:block;font:12px var(--xr-sans);color:var(--xr-gold)}
.xr-launchers li.is-cloud{grid-column:1/-1;background:rgba(179,20,44,.25);border-color:rgba(255,106,126,.4)}

/* 图标卡（无截图章节） */
.xr-iconboard{padding:24px;display:grid;gap:12px;grid-template-columns:1fr 1fr}
.xr-iconboard div{padding:18px 12px;text-align:center;border-radius:12px;border:1px solid var(--xr-line);background:rgba(0,0,0,.3)}
.xr-iconboard svg{width:32px;height:32px;margin:0 auto 8px;color:var(--xr-gold2)}
.xr-iconboard b{display:block;color:#fff;font-size:15px}
.xr-iconboard span{font-size:12px;color:var(--xr-mute)}

/* 表格 */
.xr-tablewrap{overflow-x:auto;border-radius:var(--xr-r);border:1px solid var(--xr-line)}
.xr-table{width:100%;border-collapse:collapse;min-width:560px;font-size:15px;background:var(--xr-panel)}
.xr-table th,.xr-table td{padding:12px 14px;border-bottom:1px solid rgba(214,178,106,.1);text-align:center}
.xr-table th:first-child,.xr-table td:first-child{text-align:left}
.xr-table thead th{background:#241a1c;color:var(--xr-gold2);font-family:var(--xr-serif)}
.xr-table td.is-y{color:var(--xr-ok);font-weight:700}
.xr-table td.is-n{color:var(--xr-dim)}
.xr-table tr.is-key td:first-child{color:#fff;font-weight:700}

/* CTA 横幅 */
.xr-cta{padding:34px 22px;text-align:center;background:radial-gradient(500px 220px at 50% 0,rgba(224,51,75,.4),transparent 70%),linear-gradient(180deg,var(--xr-panel2),var(--xr-panel))}
.xr-cta h2{font-size:clamp(22px,3.2vw,30px)}
.xr-cta p{color:#d3c9bc;max-width:640px;margin:0 auto 20px}
.xr-cta__btns{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}

/* ---------- 文章页 ---------- */
.xr-artlayout{display:grid;gap:36px;padding:10px 0 40px}
.xr-artlayout > *{min-width:0}
@media (min-width:1080px){.xr-artlayout{grid-template-columns:minmax(0,1fr) 320px;gap:48px}}
.xr-art__head{padding:18px 0 22px;border-bottom:1px solid var(--xr-line);margin-bottom:26px}
.xr-art__head h1{font-size:clamp(26px,4vw,38px)}
.xr-art__meta{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:14px;color:var(--xr-dim)}
.xr-art__meta b{color:var(--xr-mute);font-weight:500}
.xr-prose{font-size:17px;line-height:1.9;color:#ddd3c6}
.xr-prose h2{font-size:clamp(22px,3vw,27px);margin:2em 0 .7em;padding-left:14px;border-left:4px solid var(--xr-red2)}
.xr-prose h3{font-size:20px;margin:1.6em 0 .6em;color:var(--xr-gold2)}
.xr-prose p{margin:0 0 1.15em}
.xr-prose ol,.xr-prose ul{margin:0 0 1.3em;padding-left:1.5em}
.xr-prose li{margin-bottom:.45em}
.xr-prose ol li::marker{color:var(--xr-gold);font-weight:700}
.xr-prose a{border-bottom:1px solid rgba(242,217,153,.4)}
.xr-prose a:hover{border-bottom-color:#fff}
.xr-prose .xr-lead{font-size:18px;color:#efe6d9;padding:18px 20px;border-radius:12px;background:rgba(179,20,44,.14);border:1px solid rgba(255,106,126,.25)}
.xr-prose figure{margin:1.6em 0}
.xr-prose .xr-win{transform:none}
.xr-prose blockquote{margin:1.4em 0;padding:14px 18px;border-left:3px solid var(--xr-gold);background:rgba(214,178,106,.06);border-radius:0 10px 10px 0;color:#e5dacb}
.xr-prose .xr-tablewrap{margin:1.4em 0}
.xr-prose .xr-table{font-size:15px}
.xr-art__cta{margin:2.4em 0 0}
.xr-pager{display:grid;gap:12px;margin:34px 0 0}
@media (min-width:700px){.xr-pager{grid-template-columns:1fr 1fr}}
.xr-pager a{display:block;padding:16px 18px;border-radius:12px;border:1px solid var(--xr-line);background:var(--xr-panel);color:#fff;font-size:15px}
.xr-pager a:hover{border-color:var(--xr-gold)}
.xr-pager small{display:block;color:var(--xr-gold);font-size:12px;letter-spacing:.15em;margin-bottom:4px}
.xr-pager__next{text-align:right}
.xr-related{margin-top:44px}
.xr-related h2{font-size:24px;margin-bottom:18px}
.xr-related .xr-posts{grid-template-columns:1fr}
@media (min-width:700px){.xr-related .xr-posts{grid-template-columns:repeat(3,1fr)}}

.xr-aside{display:grid;gap:18px;align-content:start}
@media (min-width:1080px){.xr-aside{position:sticky;top:86px}}
.xr-aside__box{padding:22px 20px}
.xr-aside__box h2{font-size:18px;margin-bottom:12px}
.xr-aside__box p{font-size:14px;color:#cfc5b8}
.xr-aside__box .xr-btn{margin-top:10px}
.xr-aside__list{list-style:none;padding:0;margin:0;display:grid;gap:10px;font-size:14px}
.xr-aside__list a{color:#ddd3c6}
.xr-aside__list a:hover{color:var(--xr-gold2)}

/* 列表页 */
.xr-list{display:grid;gap:18px}
.xr-list .xr-post{flex-direction:column}
.xr-list .xr-post__cover{max-height:280px}
@media (min-width:860px){
  .xr-list .xr-post{flex-direction:row}
  .xr-list .xr-post__cover{flex:0 0 320px;aspect-ratio:auto;border-radius:var(--xr-r) 0 0 var(--xr-r);border-bottom:0;border-right:1px solid var(--xr-line)}
  .xr-list .xr-post__body{padding:24px 26px}
  .xr-list .xr-post h2{font-size:21px}
}

/* 404 */
.xr-404{padding:60px 0 40px;text-align:center}
.xr-404__code{font:700 clamp(90px,22vw,180px)/1 var(--xr-serif);background:linear-gradient(180deg,#ff6a7e,#6d0b19);-webkit-background-clip:text;background-clip:text;color:transparent;margin:0}
.xr-404 h1{font-size:clamp(24px,4vw,34px)}
.xr-404 p{color:var(--xr-mute)}
.xr-404__links{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:24px}

/* 显示切换 */
.xr-only-d{display:none}
@media (min-width:1000px){.xr-only-m{display:none}.xr-only-d{display:inline-flex}}

/* ---------- 动效偏好 ---------- */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .xr-win,.xr-feat:nth-of-type(even) .xr-win,.xr-tile__shot img{transform:none}
}