/* ============ 方正授权字体（子集化 woff2） ============ */
@font-face{font-family:'FZTitle';src:url('../fonts/font-title.woff2') format('woff2');font-display:swap}
@font-face{font-family:'FZScript';src:url('../fonts/font-script.woff2') format('woff2');font-display:swap}
@font-face{font-family:'FZSeal';src:url('../fonts/font-seal.woff2') format('woff2');font-display:swap}
@font-face{font-family:'FZUI';src:url('../fonts/font-ui.woff2') format('woff2');font-display:swap}

/* ============ 考编运势签 · 国潮水墨版 ============
   宣纸底 + 墨色 + 朱砂印章 + 竖排书法
   参考 ui-ux-pro-max「E-Ink / Paper」风格扩展 */

/* ---------- 变量 ---------- */
:root{
  --paper:#F7F1E3;      /* 宣纸色 */
  --paper-2:#FBF6EA;    /* 浅宣纸（卡片） */
  --ink:#2B2B2B;        /* 墨色 */
  --ink-soft:#5A5A55;   /* 淡墨 */
  --cinnabar:#B3122A;   /* 朱砂红 */
  --cinnabar-dark:#8F0E22;
  --gold-line:#C9A66B;  /* 描金细线（克制） */
}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Microsoft YaHei',sans-serif;color:#3A2E1A;line-height:1.7;background:#F4E9D2;min-height:100vh;text-align:center}
/* 顶部横幅：国潮水墨背景图（固定高度，标题叠放其上） */
.hero{background:url('../img/bg.png') center top/cover no-repeat;text-align:center;
  padding:46px 20px 58px;position:relative;overflow:hidden}
.hero .brand{font-size:13px;color:#6B5B3E;letter-spacing:2px;margin-bottom:10px}
.hero h1{font-size:44px;font-weight:800;letter-spacing:4px;color:#2B2B2B;margin-bottom:10px}
.hero .sub{font-size:14px;color:#5A4C30;letter-spacing:1px}

/* 水墨山峦装饰（淡墨远山，CSS 渐变） */
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;
background:
  radial-gradient(600px 260px at 85% 12%, rgba(43,43,43,.05), transparent 60%),
  radial-gradient(500px 220px at 8% 88%, rgba(43,43,43,.06), transparent 60%);
}
.wrap{max-width:520px;width:92%;margin:0 auto;text-align:center;padding:36px 0 48px;position:relative;z-index:1}
/* 红日装饰（朱砂圆） */
.ink-sun{position:absolute;top:26px;right:12%;width:74px;height:74px;border-radius:50%;
background:radial-gradient(circle at 40% 35%, #D4455B 0%, #B3122A 60%, #8F0E22 100%);
opacity:.82;box-shadow:0 0 30px rgba(179,18,42,.25);pointer-events:none}
/* 淡墨山影（底部） */
.ink-mount{position:absolute;bottom:0;left:0;right:0;height:120px;pointer-events:none;opacity:.5;
background:
  radial-gradient(220px 90px at 12% 100%, rgba(43,43,43,.10), transparent 70%),
  radial-gradient(300px 110px at 45% 100%, rgba(43,43,43,.08), transparent 70%),
  radial-gradient(240px 100px at 80% 100%, rgba(43,43,43,.10), transparent 70%);}
/* 头部 */
.brand{font-size:13px;letter-spacing:5px;color:var(--ink-soft);margin-bottom:12px;font-family:"Microsoft YaHei",sans-serif}
h1{font-size:36px;font-weight:700;letter-spacing:10px;color:var(--ink);text-shadow:0 1px 0 rgba(255,255,255,.6);font-family:"FZTitle","KaiTi","STKaiti",serif}
.sub{font-size:13px;color:var(--ink-soft);margin-top:8px;letter-spacing:2px}
/* 签筒（SVG 竹签筒：竹节纹理 + 红头竹签） */
.jar{width:200px;height:240px;margin:26px auto 18px;position:relative;cursor:pointer;user-select:none}
.jar-img{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 12px 20px rgba(43,43,43,.22))}
.jar.shake{animation:jarShake .6s ease}

@keyframes jarShake{0%,100%{transform:rotate(0)}20%{transform:rotate(-5deg)}40%{transform:rotate(5deg)}60%{transform:rotate(-3deg)}80%{transform:rotate(3deg)}}
/* 求签按钮（朱砂印章感） */
.btn{display:inline-block;background:var(--cinnabar);color:#FBF3E4;border:2px solid var(--cinnabar-dark);
border-radius:6px;padding:12px 40px;font-size:16px;font-weight:700;letter-spacing:4px;
cursor:pointer;box-shadow:0 4px 14px rgba(179,18,42,.35), inset 0 0 0 1px rgba(251,243,228,.18);
transition:.2s;font-family:"FZUI","KaiTi","STKaiti",sans-serif}
.btn:hover{background:var(--cinnabar-dark);transform:translateY(-1px)}
/* 结果：宣纸签卡 */
.result{display:none;margin-top:30px}
.sign-card{width:300px;margin:0 auto;background:var(--paper-2);border:2px solid var(--ink);
border-radius:6px;padding:30px 22px 22px;box-shadow:0 14px 38px rgba(43,43,43,.18);
position:relative}
.sign-card::before{content:"";position:absolute;inset:6px;border:1px solid rgba(43,43,43,.25);border-radius:3px;pointer-events:none}
.sign-name{font-size:13px;letter-spacing:4px;color:var(--ink-soft);padding-bottom:8px;border-bottom:1px solid rgba(43,43,43,.18)}
/* 竖排签文区 */
.sign-zone{display:flex;justify-content:center;gap:16px;margin:18px 0 14px;align-items:center}
.sign-luck{font-size:34px;letter-spacing:8px;font-weight:700;color:var(--cinnabar);
font-family:"FZTitle","KaiTi","STKaiti",serif;writing-mode:vertical-rl;text-orientation:upright}
.sign-star{font-size:15px;color:var(--cinnabar);letter-spacing:2px;writing-mode:vertical-rl}
.sign-txt{font-family:"FZScript","KaiTi","STKaiti",serif;font-size:17px;line-height:1.9;color:var(--ink);
writing-mode:vertical-rl;text-orientation:upright;letter-spacing:3px;min-height:170px;max-height:260px;
overflow:hidden;max-width:170px}
/* 朱砂印章 */
.sign-seal{position:absolute;right:14px;bottom:14px;width:44px;height:44px;border:2.5px solid var(--cinnabar);
color:var(--cinnabar);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;
letter-spacing:1px;border-radius:4px;background:rgba(179,18,42,.04);transform:rotate(-6deg);
font-family:"FZSeal","STSong","SimSun",serif}
.sign-ht{font-size:11px;color:var(--ink-soft);margin-top:10px;border-top:1px solid rgba(43,43,43,.15);padding-top:8px}
/* 操作按钮 */
.actions{margin-top:20px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.btn2{background:transparent;border:1.5px solid var(--ink);color:var(--ink);border-radius:5px;
padding:9px 20px;font-size:13px;cursor:pointer;transition:.2s;letter-spacing:1px;font-family:"KaiTi","STKaiti",serif}
.btn2:hover{background:rgba(43,43,43,.07)}
.again{background:var(--cinnabar);border-color:var(--cinnabar-dark);color:#FBF3E4}
.again:hover{background:var(--cinnabar-dark)}
/* 二维码留资 */
.qr-bar{margin-top:32px;padding-top:18px;border-top:1px solid rgba(43,43,43,.2);display:flex;gap:14px;align-items:center;justify-content:center}
.qr-bar img{width:76px;height:76px;border-radius:4px;background:#fff;padding:4px;border:1px solid rgba(43,43,43,.2)}
.qr-bar .t{font-size:12px;color:var(--ink-soft);text-align:left;line-height:1.9;font-family:"Microsoft YaHei",sans-serif}
.qr-bar .t b{color:var(--cinnabar)}
.foot{margin-top:22px;font-size:11px;color:var(--ink-soft);letter-spacing:1px}

/* 华图标准页脚 */
.footer{background:rgba(244,233,210,.7);padding:18px 12px 24px;text-align:center;font-size:11px;color:#8A7A5C;line-height:1.9;margin-top:40px}
.footer a{color:#8A7A5C;text-decoration:none;margin:0 3px}
.footer a:hover{color:#A81E2E}