:root{
    --paper:#f3e6c4;
    --paper2:#ecdcb4;
    --ink:#2c1d0c;
    --ink-soft:#5a4326;
    --amber:#f0b35b;
    --red:#b5341f;
    --red2:#d9532e;
    --teal:#2f6b5e;
    --crt:#160f06;
    --line:rgba(120,80,30,.35);
    --gold:#e8c87a;
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html,body{height:100%;overflow:hidden;background:var(--crt);}
  body{
    font-family:"STKaiti","KaiTi","楷体","Kaiti SC","Songti SC","SimSun","宋体",serif;
    color:var(--ink);
    -webkit-font-smoothing:antialiased;
    user-select:none;
    position:relative;
  }
  .mono{font-family:"Courier New",monospace;}

  #bg{
    position:fixed;inset:0;z-index:0;
    background:
      radial-gradient(120% 90% at 50% 0%, rgba(60,40,18,.0), rgba(20,12,4,.85) 80%),
      url("assets/A_nostalgic_1990s_Chinese_high_2026-08-07T02-39-45.png");
    background-size:cover;background-position:center;
    filter:sepia(.45) saturate(1.05) contrast(1.05) brightness(.5);
    transform:scale(1.06);
  }
  #scanlines{
    position:fixed;inset:0;z-index:2;pointer-events:none;
    background:repeating-linear-gradient(to bottom,
      rgba(0,0,0,0) 0px, rgba(0,0,0,0) 2px,
      rgba(0,0,0,.22) 3px, rgba(0,0,0,0) 4px);
    mix-blend-mode:multiply;opacity:.55;
    animation:flicker 5s infinite;
  }
  #vignette{position:fixed;inset:0;z-index:3;pointer-events:none;
    box-shadow:inset 0 0 220px 60px rgba(0,0,0,.82);}
  #grain{position:fixed;inset:-50%;z-index:4;pointer-events:none;opacity:.06;
    background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");
    animation:grain 1.2s steps(4) infinite;}
  @keyframes grain{0%{transform:translate(0,0)}25%{transform:translate(-3%,2%)}50%{transform:translate(2%,-3%)}75%{transform:translate(-2%,-2%)}100%{transform:translate(3%,2%)}}
  @keyframes flicker{0%,100%{opacity:.5}48%{opacity:.55}50%{opacity:.4}52%{opacity:.58}}

  #vhs{position:fixed;top:0;left:0;right:0;z-index:6;pointer-events:none;
    display:flex;justify-content:space-between;align-items:center;
    padding:10px 22px;color:#bfe9c8;font-family:"Courier New",monospace;
    font-size:15px;letter-spacing:1px;text-shadow:0 0 6px rgba(120,255,160,.5);}
  #vhs .dot{display:inline-block;width:11px;height:11px;border-radius:50%;background:#e23b3b;
    box-shadow:0 0 10px #e23b3b;margin-right:8px;animation:rec 1.1s infinite;}
  @keyframes rec{0%,100%{opacity:1}50%{opacity:.25}}
  #vhs .right{opacity:.8}

  .screen{position:fixed;inset:0;z-index:5;display:none;flex-direction:column;
    align-items:center;justify-content:center;padding:70px 5vw 40px;}
  .screen.active{display:flex;animation:fade .5s ease;}
  @keyframes fade{from{opacity:0;transform:scale(.985)}to{opacity:1;transform:none}}

  #cover h1{font-size:clamp(48px,9vw,128px);color:var(--gold);
    text-shadow:3px 0 #b5341f,-2px 0 #2f6b5e,0 0 30px rgba(240,179,91,.5);
    letter-spacing:8px;margin-bottom:6px;}
  #cover .sub{font-size:clamp(18px,2.6vw,34px);color:var(--paper);letter-spacing:6px;
    margin-bottom:30px;opacity:.92;}
  #cover .photo{width:min(320px,42vw);border:10px solid #f3e6c4;border-bottom-width:42px;
    background:#000;box-shadow:0 18px 50px rgba(0,0,0,.6),0 0 0 2px #8a6a36;
    transform:rotate(-3deg);margin-bottom:26px;}
  #cover .photo img{width:100%;display:block;filter:sepia(.3) contrast(1.05);}
  #cover .photo .cap{position:absolute;}

  .press{font-family:"Courier New",monospace;color:#bfe9c8;font-size:clamp(16px,2vw,26px);
    letter-spacing:3px;margin-top:8px;animation:blink 1.1s steps(2) infinite;}
  @keyframes blink{50%{opacity:.15}}
  .hintline{margin-top:18px;color:#d8c79a;font-size:15px;letter-spacing:1px;opacity:.8;font-family:"Courier New",monospace;}

  .cover-stat{margin-top:14px;color:#d8c79a;font-size:14px;letter-spacing:1px;opacity:.85;
    font-family:"Courier New",monospace;}

  #menu h2{color:var(--gold);font-size:clamp(30px,5vw,60px);letter-spacing:6px;
    text-shadow:0 0 22px rgba(240,179,91,.4);margin-bottom:6px;}
  #menu .msub{color:var(--paper);opacity:.85;letter-spacing:3px;margin-bottom:34px;font-size:clamp(15px,1.8vw,22px);}
  .cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;
    width:min(1200px,92vw);}
  @media(max-width:900px){.cards{grid-template-columns:repeat(2,1fr)}}
  .card{position:relative;background:linear-gradient(180deg,var(--paper),var(--paper2));
    border:3px solid var(--red);border-radius:10px;padding:26px 20px 22px;
    cursor:pointer;box-shadow:0 14px 36px rgba(0,0,0,.5);
    transition:transform .18s,box-shadow .18s,border-color .18s;
    display:flex;flex-direction:column;align-items:center;text-align:center;min-height:230px;}
  .card:hover{transform:translateY(-8px) rotate(-1deg);box-shadow:0 22px 50px rgba(0,0,0,.6);border-color:var(--red2);}
  .card .ico{font-size:58px;margin:8px 0 10px;filter:drop-shadow(0 4px 6px rgba(0,0,0,.3));}
  .card .nm{font-size:clamp(22px,2.4vw,32px);color:var(--ink);letter-spacing:2px;font-weight:bold;}
  .card .ct{font-family:"Courier New",monospace;color:var(--red);font-size:15px;margin-top:6px;}
  .card .rl{font-size:13.5px;color:var(--ink-soft);margin-top:12px;line-height:1.5;opacity:.92;}
  .card .seal{position:absolute;top:-14px;right:-10px;width:54px;height:54px;border-radius:50%;
    background:var(--red);color:#fff;display:flex;align-items:center;justify-content:center;
    font-size:13px;transform:rotate(12deg);box-shadow:0 4px 10px rgba(0,0,0,.35);border:2px solid #fff7;}

  .topbar{position:fixed;top:46px;left:0;right:0;z-index:7;display:flex;align-items:center;
    justify-content:space-between;padding:0 26px;pointer-events:none;}
  .topbar .left,.topbar .right{display:flex;gap:10px;align-items:center;pointer-events:auto;}
  .tag{background:var(--red);color:#fff;padding:8px 18px;border-radius:30px;font-size:18px;
    letter-spacing:2px;box-shadow:0 4px 12px rgba(0,0,0,.4);}
  .score{background:rgba(20,12,4,.6);color:var(--gold);border:1px solid var(--gold);
    padding:7px 14px;border-radius:30px;font-family:"Courier New",monospace;font-size:16px;}
  .iconbtn{pointer-events:auto;background:rgba(20,12,4,.55);border:1px solid var(--gold);color:var(--gold);
    width:42px;height:42px;border-radius:50%;font-size:19px;cursor:pointer;display:flex;
    align-items:center;justify-content:center;transition:.15s;}
  .iconbtn:hover{background:var(--gold);color:#1a1206;}

  .paper{position:relative;width:min(1080px,94vw);max-height:74vh;overflow:auto;
    background:
      repeating-linear-gradient(transparent,transparent 37px,rgba(120,80,30,.12) 38px),
      linear-gradient(180deg,var(--paper),var(--paper2));
    border:3px solid var(--ink);border-radius:8px;padding:30px 38px 34px;
    box-shadow:0 22px 60px rgba(0,0,0,.6),inset 0 0 60px rgba(150,110,50,.15);
    scrollbar-width:thin;}
  .paper:before{content:"";position:absolute;left:54px;top:0;bottom:0;width:2px;background:rgba(181,52,31,.4);}
  .qhead{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;
    border-bottom:2px dashed rgba(120,80,30,.5);padding-bottom:12px;}
  .qno{font-size:clamp(26px,3.4vw,44px);color:var(--red);font-weight:bold;letter-spacing:2px;}
  .qno small{color:var(--ink-soft);font-size:18px;font-weight:normal;margin-left:8px;}
  .stamp{font-family:"Courier New",monospace;color:var(--red);border:2px solid var(--red);
    padding:4px 10px;border-radius:6px;transform:rotate(-6deg);font-size:14px;opacity:.85;}
  .qtext{font-size:clamp(22px,2.9vw,38px);line-height:1.55;color:var(--ink);margin:10px 0 6px;
    letter-spacing:1px;white-space:pre-wrap;}
  .qimg{margin:18px auto;max-width:100%;max-height:42vh;border:6px solid #fff;border-bottom-width:26px;
    box-shadow:0 12px 30px rgba(0,0,0,.5);display:block;background:#000;transform:rotate(-1deg);}
  .video-wrap{margin:16px 0;text-align:center;}
  .video-wrap video{width:min(720px,90%);border:6px solid #1a1206;border-radius:6px;box-shadow:0 12px 30px rgba(0,0,0,.6);background:#000;}
  .reveal{margin-top:18px;background:rgba(181,52,31,.08);border-left:6px solid var(--red);
    padding:16px 20px;border-radius:6px;display:none;}
  .reveal.show{display:block;animation:fade .35s ease;}
  .reveal .rl-t{color:var(--red);font-size:18px;letter-spacing:2px;margin-bottom:6px;}
  .reveal .rl-c{font-size:clamp(18px,2.2vw,28px);line-height:1.5;color:var(--ink);white-space:pre-wrap;}

  /* 出题准备页 */
  .ready{display:flex;flex-direction:column;align-items:center;justify-content:center;
    text-align:center;padding:30px 20px;min-height:48vh;animation:fade .45s ease;}
  .ready-ico{font-size:clamp(70px,11vw,128px);line-height:1;filter:drop-shadow(0 6px 10px rgba(0,0,0,.3));
    margin-bottom:10px;}
  .ready-name{font-size:clamp(34px,5vw,64px);color:var(--red);font-weight:bold;letter-spacing:4px;
    text-shadow:0 0 22px rgba(181,52,31,.25);}
  .ready-line{color:var(--ink-soft);letter-spacing:6px;margin:10px 0 18px;font-size:clamp(16px,2vw,24px);
    opacity:.85;}
  .ready-rule{font-size:clamp(16px,2vw,24px);line-height:1.7;color:var(--ink-soft);max-width:760px;
    margin-bottom:18px;white-space:pre-wrap;}
  .ready-info{font-family:"Courier New",monospace;color:var(--red);font-size:clamp(15px,1.8vw,20px);
    margin-bottom:26px;letter-spacing:1px;}
  .ready .btn.big{font-size:clamp(20px,2.6vw,32px);padding:18px 46px;animation:pulse 1.4s ease-in-out infinite;}
  .ready-hint{margin-top:20px;color:var(--ink-soft);font-size:15px;opacity:.9;letter-spacing:1px;}
  @keyframes pulse{0%,100%{transform:scale(1);box-shadow:0 6px 0 #6e1c0f,0 10px 22px rgba(0,0,0,.45)}
    50%{transform:scale(1.05);box-shadow:0 8px 0 #6e1c0f,0 16px 34px rgba(181,52,31,.5)}}

  .controls{position:fixed;bottom:22px;left:0;right:0;z-index:7;display:flex;gap:12px;
    justify-content:center;align-items:center;flex-wrap:wrap;padding:0 16px;}
  .btn{background:linear-gradient(180deg,var(--amber),#d9923a);color:#2a1a08;border:none;
    padding:13px 26px;border-radius:40px;font-size:clamp(16px,1.9vw,22px);font-weight:bold;
    cursor:pointer;letter-spacing:2px;box-shadow:0 6px 0 #8a5a1e,0 10px 22px rgba(0,0,0,.45);
    transition:.1s;font-family:inherit;}
  .btn:active{transform:translateY(4px);box-shadow:0 2px 0 #8a5a1e,0 6px 14px rgba(0,0,0,.4);}
  .btn.ghost{background:rgba(20,12,4,.5);color:var(--gold);border:1px solid var(--gold);box-shadow:none;}
  .btn.red{background:linear-gradient(180deg,var(--red2),var(--red));color:#fff;box-shadow:0 6px 0 #6e1c0f,0 10px 22px rgba(0,0,0,.45);}
  .btn:disabled{opacity:.4;cursor:not-allowed;}

  .drawbox{margin-top:18px;display:flex;flex-direction:column;align-items:center;gap:14px;}
  .drawnum.roll{animation:pop .12s ease;}
  @keyframes pop{from{transform:scale(.7);opacity:.4}to{transform:scale(1);opacity:1}}

  /* 抽签准备界面 — 便签条风格 */
  .drawbox.setup{margin:12px auto 0;padding:26px 36px 24px;width:100%;max-width:880px;
    background:linear-gradient(180deg,rgba(255,255,255,.62),rgba(252,243,217,.42));
    border-radius:14px;gap:16px;
    box-shadow:
      0 10px 26px rgba(60,30,5,.10),
      inset 0 0 0 1px rgba(181,52,31,.22),
      inset 0 0 0 4px rgba(255,255,255,.55);}
  .draw-tip{width:100%;color:var(--red);font-size:clamp(18px,2.4vw,28px);font-weight:bold;
    letter-spacing:8px;margin:0 0 4px;display:flex;align-items:center;gap:14px;}
  .draw-tip::before,.draw-tip::after{content:"";flex:1;height:0;border-top:2px dashed rgba(181,52,31,.45);}
  .toggle{gap:12px;}
  .toggle .opt{padding:10px 22px;border:2px solid var(--ink);border-radius:34px;cursor:pointer;
    font-size:clamp(15px,1.5vw,18px);color:var(--ink);background:rgba(255,255,255,.55);
    transition:.15s;font-weight:bold;letter-spacing:1px;}
  .toggle .opt:hover{background:rgba(255,220,160,.6);transform:translateY(-1px);}
  .toggle .opt.on{background:linear-gradient(180deg,var(--red2),var(--red));color:#fff;border-color:var(--red);
    box-shadow:0 4px 10px rgba(181,52,31,.35);}
  .draw-board{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin:4px 0 6px;min-height:48px;}
  .chip{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;
    font-size:20px;font-weight:bold;background:rgba(255,255,255,.65);border:2px solid var(--ink);color:var(--ink);
    transition:.15s;}
  .chip.used{background:rgba(120,80,30,.18);border-color:rgba(120,80,30,.3);color:rgba(90,67,38,.45);
    text-decoration:line-through;cursor:default;}
  .draw-board-hint{color:var(--ink-soft);font-size:14px;align-self:center;opacity:.85;letter-spacing:1px;}
  .drawnum{font-size:clamp(80px,13vw,160px);color:var(--red);font-weight:bold;line-height:1;
    text-shadow:0 6px 0 rgba(0,0,0,.12);min-height:1.1em;margin:2px 0;}
  .drawnum.roll{animation:pop .12s ease;}
  @keyframes pop{from{transform:scale(.7);opacity:.4}to{transform:scale(1);opacity:1}}
  .draw-progress{font-family:"Courier New",monospace;color:var(--red);font-size:clamp(15px,1.7vw,19px);
    margin:4px 0 2px;letter-spacing:1px;font-weight:bold;}
  .draw-rl{font-family:"Courier New",monospace;color:var(--red);font-size:clamp(15px,1.8vw,20px);
    margin-bottom:10px;letter-spacing:1px;}
  .draw-hint{color:var(--ink-soft);font-size:13px;opacity:.7;margin-top:6px;letter-spacing:.5px;font-style:italic;}

  #countdown{display:none;}

  .modal{position:fixed;inset:0;z-index:30;display:none;align-items:center;justify-content:center;
    background:rgba(8,5,2,.8);}
  .modal.on{display:flex;}
  .modal .box{background:linear-gradient(180deg,var(--paper),var(--paper2));border:3px solid var(--ink);
    border-radius:12px;padding:26px 30px;width:min(620px,92vw);max-height:84vh;overflow:auto;
    box-shadow:0 24px 60px rgba(0,0,0,.6);}
  .modal h3{color:var(--red);font-size:26px;letter-spacing:2px;margin-bottom:14px;}
  .modal .grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;}
  .modal input{width:100%;padding:10px 12px;border:2px solid var(--ink);border-radius:8px;
    font-size:17px;font-family:inherit;background:rgba(255,255,255,.5);color:var(--ink);}
  .modal p,.modal li{color:var(--ink);font-size:16px;line-height:1.7;}
  .modal ul{padding-left:20px;margin:8px 0;}
  .modal .close{margin-top:18px;text-align:right;}
  .row{display:flex;align-items:center;gap:10px;margin:10px 0;color:var(--ink);}

  #jgModal .jg-box{position:relative;padding:26px 30px 22px;text-align:center;
    background:linear-gradient(180deg,var(--paper),var(--paper2));
    width:min(640px,94vw);overflow:visible;}
  .jg-sub{color:var(--ink-soft);font-size:14px;margin:4px 0 16px;letter-spacing:.5px;opacity:.85;}
  .jg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:10px 0 18px;}
  .jg-cell{background:rgba(255,255,255,.7);border:2.5px solid var(--ink);border-radius:10px;
    display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 8px 8px;
    transition:.15s;min-height:96px;}
  .jg-cell:hover{background:rgba(255,255,255,.9);transform:translateY(-2px);}
  .jg-cell:focus-within{border-color:var(--red);box-shadow:0 0 0 3px rgba(181,52,31,.15);}
  .jg-cell input{flex:1;width:100%;border:1px dashed var(--ink-soft);border-radius:6px;padding:6px 8px;
    font-size:clamp(14px,1.6vw,17px);text-align:center;background:rgba(255,255,255,.5);color:var(--ink);
    font-family:inherit;outline:none;transition:.15s;}
  .jg-cell input:focus{border-color:var(--red);background:#fff;}
  .jg-cell input.filled{color:var(--red);font-weight:bold;border-color:var(--red);background:rgba(255,230,200,.55);}
  .jg-foot{display:flex;justify-content:space-between;gap:10px;margin-top:6px;flex-wrap:wrap;}
  .jgclose{position:absolute;top:-18px;right:-18px;width:46px;height:46px;border-radius:50%;background:var(--red);color:#fff;border:3px solid #fff;font-size:28px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(0,0,0,.5);font-family:Arial,sans-serif;line-height:1;}
  .jgclose:hover{transform:scale(1.08);}
  kbd{background:#2a1a08;color:var(--gold);border-radius:5px;padding:2px 9px;font-family:"Courier New",monospace;font-size:14px;border:1px solid var(--gold);}

  .toast{position:fixed;bottom:90px;left:50%;transform:translateX(-50%);z-index:40;
    background:var(--red);color:#fff;padding:10px 22px;border-radius:30px;font-size:16px;
    opacity:0;transition:.3s;pointer-events:none;letter-spacing:1px;}
  .toast.show{opacity:1;}

  #manageModal .box{max-width:min(960px,95vw);width:min(960px,95vw);}
  .mgr-cats{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px;}
  .mgr-cat{padding:9px 18px;border:2px solid var(--ink);border-radius:30px;cursor:pointer;
    background:rgba(255,255,255,.3);color:var(--ink);font-size:16px;transition:.12s;}
  .mgr-cat:hover{transform:translateY(-2px);}
  .mgr-cat.on{background:var(--teal);color:#fff;border-color:var(--teal);}
  .mgr-list{display:flex;flex-direction:column;gap:10px;max-height:46vh;overflow:auto;padding-right:6px;}
  .mgr-item{display:flex;align-items:flex-start;gap:12px;background:rgba(255,255,255,.45);
    border:1px solid var(--line);border-radius:10px;padding:12px 14px;}
  .mgr-idx{font-family:"Courier New",monospace;color:var(--red);font-weight:bold;min-width:30px;font-size:18px;padding-top:2px;}
  .mgr-body{flex:1;min-width:0;}
  .mgr-q{font-size:17px;color:var(--ink);line-height:1.45;word-break:break-word;}
  .mgr-a{font-size:13.5px;color:var(--ink-soft);margin-top:4px;line-height:1.4;white-space:pre-wrap;word-break:break-word;}
  .mgr-img{font-size:12px;color:#8a6a36;margin-top:3px;}
  .mgr-ops{display:flex;flex-direction:column;gap:6px;flex-shrink:0;}
  .mgr-btn{background:rgba(20,12,4,.5);border:1px solid var(--gold);color:var(--gold);border-radius:8px;
    padding:6px 12px;cursor:pointer;font-size:14px;font-family:inherit;white-space:nowrap;transition:.12s;}
  .mgr-btn:hover{background:var(--gold);color:#1a1206;}
  .mgr-btn.del{border-color:var(--red);color:var(--red);}
  .mgr-btn.del:hover{background:var(--red);color:#fff;}
  .mgr-add{margin:14px 0 2px;}
  .mgr-foot{display:flex;justify-content:space-between;align-items:center;margin-top:14px;gap:12px;flex-wrap:wrap;}
  .mgr-count{color:var(--ink);font-size:15px;}
  /* 题库管理 - 抽签条件设置 */
  .mgr-drawcfg{margin:6px 0 12px;padding:14px 16px;background:rgba(181,52,31,.07);
    border:1px dashed rgba(181,52,31,.4);border-radius:10px;}
  .mgr-drawcfg-t{color:var(--red);font-weight:bold;font-size:16px;letter-spacing:1px;margin-bottom:10px;}
  .mgr-drawcfg-row{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap;}
  .mgr-drawcfg-row label{display:flex;align-items:center;gap:6px;color:var(--ink);font-size:15px;}
  .mgr-drawcfg-row label b{font-size:17px;}
  .mgr-drawcap{width:62px;padding:8px 6px;border:2px solid var(--ink);border-radius:8px;
    font-size:16px;text-align:center;background:rgba(255,255,255,.6);color:var(--ink);}
  .mgr-drawcfg-note{margin-top:8px;color:var(--ink-soft);font-size:12.5px;opacity:.85;font-style:italic;}
  /* 题库管理 - 出题准备介绍可改 */
  .mgr-rule{margin:6px 0 14px;padding:14px 16px;background:rgba(245,213,93,.18);
    border:1px dashed rgba(245,213,93,.7);border-radius:10px;}
  .mgr-rule-t{color:var(--amber);font-weight:bold;font-size:16px;letter-spacing:1px;margin-bottom:8px;}
  .mgr-rule-field{width:100%;min-height:84px;padding:10px 12px;border:2px solid var(--ink);
    border-radius:8px;background:rgba(255,255,255,.85);color:var(--ink);
    font-size:15.5px;line-height:1.5;resize:vertical;font-family:inherit;}
  .mgr-rule-foot{display:flex;justify-content:space-between;align-items:center;margin-top:8px;gap:12px;flex-wrap:wrap;}
  .mgr-rule-foot span{color:var(--ink-soft);font-size:12.5px;font-family:"Courier New",monospace;}
  .qform .field{margin:12px 0;}
  .qform label{display:block;color:var(--red);font-size:15px;letter-spacing:1px;margin-bottom:6px;}
  .qform textarea{width:100%;min-height:90px;padding:10px 12px;border:2px solid var(--ink);border-radius:8px;
    font-size:16px;font-family:inherit;background:rgba(255,255,255,.55);color:var(--ink);resize:vertical;}
  .qform input[type=text]{width:100%;padding:10px 12px;border:2px solid var(--ink);border-radius:8px;
    font-size:16px;font-family:inherit;background:rgba(255,255,255,.55);color:var(--ink);}
  .qform .hint{font-size:12.5px;color:var(--ink-soft);margin-top:4px;}
  .qform .foot{display:flex;gap:10px;justify-content:flex-end;margin-top:8px;}

  /* ===================== 手机适配（竖屏 ≤640px） ===================== */
  @media (max-width: 640px){
    html,body{ height:100dvh; -webkit-tap-highlight-color:transparent; }
    #vhs{ font-size:11px; padding:6px 10px; letter-spacing:.5px; }
    .screen{
      justify-content:flex-start;       /* 内容从顶部排，避免被居中截断 */
      overflow-y:auto;                   /* 内容超高时本屏内滚动 */
      padding:54px 4vw 104px;            /* 底部留白给固定控制条 */
    }
    #cover h1{ font-size:clamp(40px,13vw,72px); letter-spacing:4px; }
    #cover .sub{ font-size:clamp(14px,4.6vw,22px); letter-spacing:3px; }
    #cover .photo{ width:min(72vw,300px); }
    .press{ font-size:clamp(14px,4vw,20px); }
    .hintline{ font-size:11.5px; line-height:1.6; }
    .cover-stat{ font-size:12px; }

    #menu h2{ font-size:clamp(26px,8vw,44px); letter-spacing:4px; }
    #menu .msub{ font-size:clamp(13px,3.6vw,18px); margin-bottom:22px; }
    .cards{ grid-template-columns:repeat(2,1fr); gap:12px; }   /* 2×2 排布 */
    .card{ min-height:150px; padding:16px 10px 14px; }
    .card .ico{ font-size:40px; margin:4px 0 6px; }
    .card .nm{ font-size:clamp(17px,5vw,22px); }
    .card .ct{ font-size:13px; }
    .card .rl{ font-size:11.5px; margin-top:6px; }
    .card .seal{ width:42px;height:42px;font-size:10px; top:-12px; right:-8px; }

    .topbar{ top:34px; padding:0 12px; }
    .tag{ font-size:14px; padding:6px 12px; }
    .score{ font-size:12.5px; padding:6px 10px; }
    .iconbtn{ width:38px;height:38px;font-size:16px; }

    .paper{ width:92vw; max-height:66vh; padding:20px 16px 24px; }
    .qhead{ flex-wrap:wrap; gap:6px; }
    .qno{ font-size:clamp(22px,6vw,34px); }
    .qtext{ font-size:clamp(19px,5.4vw,28px); }
    .qimg{ max-height:34vh; }
    .video-wrap video{ width:100%; }

    .controls{ bottom:12px; gap:8px; padding:0 10px; }
    .btn{ padding:12px 18px; font-size:15px; letter-spacing:1px;
      box-shadow:0 4px 0 #8a5a1e,0 8px 16px rgba(0,0,0,.4); }
    .btn.red{ box-shadow:0 4px 0 #6e1c0f,0 8px 16px rgba(0,0,0,.4); }
    .btn:active{ transform:translateY(3px); }

    .modal .box{ width:94vw; max-height:90vh; padding:20px 16px; }
    .modal h3{ font-size:22px; }
    .modal .grid2{ grid-template-columns:repeat(2,1fr); gap:8px; }
    .modal input, .mgr-rule-field, .qform textarea, .qform input[type=text]{
      font-size:16px;                      /* 防止 iOS 聚焦时整页放大 */
      -webkit-user-select:text; user-select:text;
    }
    .mgr-cats{ gap:8px; }
    .mgr-cat{ padding:8px 13px; font-size:13.5px; }
    .mgr-list{ max-height:52vh; }
    .mgr-item{ gap:8px; padding:10px; }
    .mgr-q{ font-size:15px; }
    .mgr-ops{ flex-direction:column; }
    .mgr-drawcfg{ padding:12px; }
    .mgr-drawcfg-row{ gap:10px; }
    .mgr-rule{ padding:12px; }
    .mgr-rule-field{ font-size:15px; }

    .drawbox.setup{ padding:20px 16px; }
    .toggle{ display:flex; flex-wrap:wrap; justify-content:center; gap:10px; }
    .toggle .opt{ padding:9px 16px; font-size:14px; }
    .draw-board{ gap:8px; }
    .chip{ width:40px;height:40px;font-size:17px; }
    .draw-progress,.draw-rl{ font-size:14px; }

    .jg-grid{ grid-template-columns:repeat(3,1fr); gap:8px; }
    .jg-cell{ min-height:84px; padding:8px 6px; }
    .jg-cell input{ font-size:15px; }

    .toast{ bottom:80px; font-size:14px; padding:9px 18px; }

    /* 触屏优化：去掉 300ms 延迟、允许输入框选择 */
    .btn,.mgr-btn,.iconbtn,.card,.jg-cell input,.toggle .opt{ touch-action:manipulation; }
  }

  /* 极窄屏（如 iPhone SE 竖屏）卡片改单列，避免拥挤 */
  @media (max-width: 380px){
    .cards{ grid-template-columns:1fr; }
    .card{ min-height:auto; padding:14px 14px; }
  }