/* 破魔天堂 官方情報站 v3 — 羊皮紙主題(共用樣式) */
:root{
  /* 舊變數名保留,讓各頁 <style> 內的 var() 自動換色 */
  --bg:#f1e6cc; --bg2:#fbf6e9; --panel:#efe2c0; --line:#d3bd8a; --line2:#b99552;
  --cy:#8f1d1d; --cy2:#8f1d1d; --cyd:#b99552; --gold:#c8912f; --gold2:#8a5a0b;
  --tx:#34240f; --tx2:#5c4630; --dim:#8a7556;
  --red:#b3261e; --blue:#1f5f99; --grn:#3f7d20;
  /* v3 新增 */
  --wood:#140d07; --ink:#3a1d05; --brown:#744900; --crimson:#8f1d1d;
  --parch:#f3e8cf; --parch2:#e8d8b1; --rule:#e3d3ab;
  --disp:"Noto Serif TC","DFKai-SB","BiauKai","標楷體",serif;
  --sans:Tahoma,Helvetica,"PMingLiU","新細明體","Microsoft JhengHei",sans-serif;
  --w:1000px;
}
*{margin:0;padding:0;box-sizing:border-box;}
html,body{background:var(--wood);}
body{color:var(--tx);font-family:var(--sans);font-size:12px;line-height:1.5;-webkit-text-size-adjust:100%;
  background:radial-gradient(ellipse at 50% 30%,#2a1a0c 0,#140d07 70%) fixed var(--wood);}
a{color:var(--brown);text-decoration:none;}
a:hover{color:var(--crimson);}
a:focus-visible,button:focus-visible{outline:2px solid #e2b24a;outline-offset:2px;}
img{max-width:100%;}
#bg{display:none;}
.page{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column;}
.kai{font-family:var(--disp);}

/* ═══ 頂部細條 ═══ */
.topbar{background:#0b0704;border-bottom:1px solid #3a2a14;font-size:12px;color:#a8916a;position:relative;z-index:210;}
.topbar .in{max-width:1200px;margin:0 auto;padding:5px 18px;display:flex;justify-content:space-between;gap:12px;}
.topbar .tl{display:flex;gap:16px;}
.topbar a{color:#d8c49a;} .topbar a:hover{color:#ffd77a;}

/* ═══ 主視覺頁首 ═══ */
.hdr{position:relative;min-height:250px;
  background-image:linear-gradient(180deg,rgba(10,6,3,.78) 0,rgba(10,6,3,.25) 22%,rgba(10,6,3,0) 48%,rgba(20,13,7,.85) 86%,#140d07 100%),url(img/hero.jpg);
  background-size:100% 100%,max(100%,972px) auto;
  background-position:0 0,center -60px;
  background-repeat:no-repeat;background-color:#2a1a0c;}
.hdr.home{min-height:640px;}
.hdr .in{position:relative;z-index:230;max-width:1200px;margin:0 auto;padding:16px 18px 0;display:flex;align-items:flex-start;gap:18px;}
.brand{display:block;flex:0 0 auto;text-align:center;line-height:1;}
.brand .wm{display:block;font-family:var(--disp);font-weight:900;font-size:50px;letter-spacing:5px;color:#f2c75c;
  filter:drop-shadow(0 3px 0 #2a1504) drop-shadow(0 0 16px rgba(0,0,0,.6));}
@supports ((-webkit-background-clip:text) or (background-clip:text)){
  .brand .wm{background:linear-gradient(180deg,#fff6d2 0%,#f5cf6a 42%,#c0801f 78%,#8a520e 100%);
    -webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:1.4px #2e1604;}
}
.hdr.home .brand .wm{font-size:76px;letter-spacing:7px;}
.brand .en{display:block;margin:7px auto 0;padding-top:4px;border-top:1px solid rgba(242,199,92,.65);
  color:#f3dfae;font:600 11px/1 Georgia,"Times New Roman",serif;letter-spacing:7px;text-shadow:0 1px 3px #000;}

.nav{margin-left:auto;margin-top:8px;display:flex;align-items:center;list-style:none;
  background:linear-gradient(90deg,transparent,rgba(12,7,3,.62) 10%,rgba(12,7,3,.62) 90%,transparent);
  border-top:1px solid rgba(242,199,92,.35);border-bottom:1px solid rgba(242,199,92,.35);padding:3px 18px;}
.nav>li{list-style:none;position:relative;}
.nav>li+li:not(.mobacts){border-left:1px solid rgba(243,223,174,.28);}
.nav>li>a{display:block;color:#f3e6c4;font-family:var(--disp);font-weight:700;font-size:15.5px;letter-spacing:2px;
  padding:6px 17px;white-space:nowrap;text-shadow:0 1px 3px #000;transition:color .15s;}
.nav>li>a:hover,.nav>li.on>a{color:#ffd46a;}
.nav>li.on>a{box-shadow:inset 0 -2px 0 #e2b24a;}
.nav .car::after{content:"▾";font-size:10px;margin-left:5px;color:#c8a060;}
.nav .sub{position:absolute;top:100%;left:50%;min-width:176px;list-style:none;
  background:rgba(26,17,9,.97);border:1px solid #6b4a1a;border-top:2px solid #c8912f;padding:6px;
  opacity:0;visibility:hidden;transform:translate(-50%,-6px);transition:.16s;box-shadow:0 16px 34px rgba(0,0,0,.6);}
.nav>li:hover .sub,.nav>li:focus-within .sub{opacity:1;visibility:visible;transform:translate(-50%,0);}
.nav .sub a{display:block;color:#ead7ab;font-size:13.5px;padding:6px 12px;white-space:nowrap;}
.nav .sub a:hover{color:#1a1109;background:#c8912f;}
.nav .sub a.on{color:#ffd46a;}
.acts{display:none;}
.acts a,.mobacts a{border:1px solid transparent;border-radius:3px;}
.a1{background:linear-gradient(#f2c75c,#c8912f);color:#2a1504!important;font-weight:700;}
.a2{background:linear-gradient(#b83a2a,#7c1d14);color:#fff0d6!important;font-weight:700;}
.a3{border-color:#c8912f!important;color:#f3dfae!important;background:rgba(12,7,3,.55);}
.burger{display:none;margin-left:auto;margin-top:10px;background:rgba(12,7,3,.7);border:1px solid #8a6424;color:#f2c75c;
  font-size:20px;line-height:1;padding:6px 11px;border-radius:3px;cursor:pointer;}

/* 首頁標語 */
.slogan{position:relative;max-width:var(--w);margin:0 auto;padding:130px 18px 150px;}
.slogan b{display:block;font-family:var(--disp);font-weight:900;font-size:60px;letter-spacing:12px;color:#fff4d6;line-height:1.2;
  text-shadow:0 3px 0 #2a1504,0 0 22px rgba(0,0,0,.9),0 0 46px rgba(226,178,74,.35);}
.slogan i{display:block;font-style:normal;margin-top:10px;color:#f2d68a;font-family:var(--disp);font-size:17px;letter-spacing:8px;
  text-shadow:0 1px 4px #000;}
.slogan .cta{display:flex;gap:12px;margin-top:26px;flex-wrap:wrap;}
.slogan .cta a{font-family:var(--disp);font-weight:700;font-size:16px;letter-spacing:4px;padding:11px 30px;border-radius:2px;
  box-shadow:0 0 0 1px #2a1504,0 8px 22px rgba(0,0,0,.5);}
.slogan .cta a:hover{filter:brightness(1.1);}

/* 兩側浮動 */
.side{position:fixed;top:250px;z-index:220;width:124px;}
.side.l{left:14px;} .side.r{right:14px;}
.side a{display:block;text-align:center;padding:14px 8px 12px;background:linear-gradient(#2e1d0d,#150d06);
  border:1px solid #8a6424;box-shadow:inset 0 0 0 3px #150d06,inset 0 0 0 4px #5b3f16,0 10px 26px rgba(0,0,0,.55);}
.side a:hover{border-color:#e2b24a;}
.side .md,.cat .md{display:flex;align-items:center;justify-content:center;border-radius:50%;
  background:radial-gradient(circle at 35% 30%,#7a5220,#2a1a0c);border:2px solid #c8912f;
  font-family:var(--disp);color:#ffe6a8;font-weight:900;}
.side .md{width:56px;height:56px;margin:0 auto 8px;font-size:24px;box-shadow:0 0 12px rgba(226,178,74,.3);}
.side b{display:block;color:#f3dfae;font-family:var(--disp);font-size:16px;letter-spacing:2px;}
.side i{display:block;font-style:normal;color:#c9a86a;font-size:11.5px;margin-top:2px;}

/* ═══ 羊皮紙內容區 ═══ */
.sheet{position:relative;z-index:5;width:calc(100% - 28px);max-width:var(--w);margin:-56px auto 34px;
  background:
    radial-gradient(ellipse at 50% 0,rgba(255,250,235,.75),rgba(255,250,235,0) 60%),
    radial-gradient(ellipse at 50% 100%,rgba(150,105,40,.14),rgba(150,105,40,0) 55%),
    linear-gradient(180deg,var(--parch),var(--parch2));
  border:1px solid #0c1322;
  box-shadow:0 0 0 4px #141c2e,0 0 0 5px #3c4863,0 26px 60px rgba(0,0,0,.65);}
.sheet.home{margin-top:-110px;}
.sheet::before{content:"";position:absolute;inset:6px;border:1px solid rgba(138,100,36,.35);pointer-events:none;}

/* 內頁標題 */
.hero{max-width:none;margin:0;padding:26px 30px 2px;width:100%;position:relative;}
.hero .kicker{color:var(--brown);font-size:11px;letter-spacing:6px;}
.hero h2{font-family:var(--disp);font-weight:900;font-size:38px;color:var(--ink);letter-spacing:5px;margin:4px 0 8px;
  text-shadow:0 1px 0 rgba(255,255,255,.6);text-wrap:balance;}
.hero p{color:var(--tx2);font-size:13.8px;max-width:820px;}
.hero .rule{height:1px;margin-top:16px;background:linear-gradient(90deg,#8a6424,rgba(138,100,36,0));}
.crumb{padding:14px 30px 0;font-size:12px;color:var(--dim);position:relative;}
.crumb a{color:var(--tx2);} .crumb i{font-style:normal;margin:0 7px;color:#b39659;}
.bigh{padding:40px 34px;text-align:center;}
.wrap{max-width:none;margin:0;padding:10px 30px 40px;width:100%;position:relative;}

/* ═══ 區塊標題 ═══ */
h3.sec{font-family:var(--disp);font-weight:700;font-size:21px;color:var(--ink);letter-spacing:2px;
  margin:30px 0 12px;padding:5px 12px;border-left:4px solid var(--crimson);
  background:linear-gradient(90deg,rgba(143,29,29,.09),rgba(143,29,29,0) 70%);
  display:flex;align-items:baseline;gap:9px;flex-wrap:wrap;}
h3.sec small{font-family:var(--sans);color:var(--dim);font-size:11px;letter-spacing:2px;font-weight:400;}
h3.sec .more{margin-left:auto;font-size:12px;color:var(--brown);letter-spacing:0;font-family:var(--sans);}
h3.sec .sw{width:12px;height:12px;border-radius:2px;align-self:center;}

/* ═══ 卡片/表格 ═══ */
.card{background:var(--bg2);border:1px solid var(--line);border-radius:2px;overflow:hidden;
  box-shadow:inset 0 0 0 1px #fffaf0,0 1px 3px rgba(80,50,10,.12);}
.card+.card{margin-top:12px;}
.tblwrap{overflow-x:auto;}
table.tt{width:100%;border-collapse:collapse;min-width:520px;font-variant-numeric:tabular-nums;}
table.tt th{background:linear-gradient(#5a3a14,#3f280c);color:#f6e6bd;font-size:12px;letter-spacing:1px;font-weight:600;
  padding:9px 11px;text-align:left;white-space:nowrap;border-bottom:1px solid #2a1a08;}
table.tt td{padding:7px 11px;border-bottom:1px solid var(--rule);font-size:13px;vertical-align:top;color:var(--tx);}
table.tt tbody tr:nth-child(even) td{background:#f6eedb;}
table.tt tr:last-child td{border-bottom:none;}
table.tt tbody tr:hover td{background:#efe0bb;}
table.tt tr.max td{color:#9a5b00;font-weight:600;}
table.tt .lvn,td.lv{color:var(--crimson);font-weight:700;white-space:nowrap;}
td.n,table.tt .n{text-align:right;color:var(--tx2);white-space:nowrap;}
td.pts,table.tt .pts{text-align:right;color:#9a5b00;font-weight:600;white-space:nowrap;}
.hi{color:#9a2a0f;} .crit{color:#c2410c;} .dim{color:var(--dim);}
.lead{color:var(--tx2);font-size:13.8px;margin:8px 0 4px;max-width:900px;}
.lead b{color:#9a2a0f;font-weight:700;}
p{max-width:900px;}

.chips{margin:12px 0 2px;}
.chip{display:inline-block;background:var(--bg2);border:1px solid var(--line);color:var(--tx2);
  padding:5px 13px;margin:4px 7px 4px 0;font-size:12.5px;border-radius:20px;}
.chip b{color:var(--crimson);font-weight:700;}
.live{display:inline-block;font-size:10.5px;color:#7c2d12;border:1px solid #e0a882;background:#fde8d0;
  padding:1px 9px;border-radius:12px;margin-left:8px;letter-spacing:1px;vertical-align:middle;font-family:var(--sans);font-weight:400;}

/* ═══ 公告板/標籤 ═══ */
.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.g2{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;}
.board{background:var(--bg2);border:1px solid var(--line);overflow:hidden;}
.board>h4{background:linear-gradient(#5a3a14,#3f280c);padding:9px 14px;font-size:14px;color:#f6e6bd;font-weight:600;
  letter-spacing:2px;display:flex;align-items:center;gap:8px;}
.board>h4 .d{width:7px;height:7px;border-radius:50%;background:#e2b24a;flex:0 0 auto;}
.board>h4 a{margin-left:auto;font-size:11.5px;color:#e7cf98;font-weight:400;letter-spacing:0;}
.board ul{list-style:none;padding:6px 0;}
.board li a{display:flex;gap:9px;padding:7px 14px;font-size:13px;color:var(--tx);align-items:baseline;border-bottom:1px dashed var(--rule);}
.board li a:hover{background:#f2e5c4;color:var(--ink);}
.tag{color:#7c2d12;font-size:11.5px;flex:0 0 auto;background:#fbe3cf;border:1px solid #e7b89a;border-radius:2px;padding:0 6px;line-height:1.65;}
.tag.g{color:#6e4a00;background:#f7e7b8;border-color:#d9b25a;}
.tag.r{color:#9b1c1c;background:#fbdada;border-color:#e8a3a3;}
.board li a span.t{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.board .empty,.tabc .empty{padding:16px 14px;color:var(--dim);font-size:12.5px;}

/* ═══ 快捷按鈕 ═══ */
.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px;}
.quick a{background:linear-gradient(#3b2711,#21150a);border:1px solid #8a6424;padding:14px 12px;text-align:center;color:#e9d6a6;
  box-shadow:inset 0 0 0 3px #21150a,inset 0 0 0 4px #5b3f16;transition:transform .16s,border-color .16s;}
.quick a:hover{border-color:#e2b24a;color:#fff0c8;transform:translateY(-2px);}
.quick .ic{font-size:22px;display:block;margin-bottom:4px;}
.quick b{display:block;font-family:var(--disp);font-size:16px;color:#fff0c8;letter-spacing:2px;}
.quick i{font-style:normal;font-size:10.5px;color:#c9a86a;letter-spacing:2px;}

/* ═══ 分類頁條目 ═══ */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(268px,1fr));gap:13px;}
.ent{display:block;background:var(--bg2);border:1px solid var(--line);padding:15px 16px;transition:transform .16s,border-color .16s;position:relative;overflow:hidden;}
.ent::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--crimson);opacity:0;transition:.16s;}
.ent:hover{border-color:var(--line2);background:#fff8e6;transform:translateY(-2px);}
.ent:hover::before{opacity:1;}
.ent b{display:block;font-family:var(--disp);font-size:16px;color:var(--ink);font-weight:700;letter-spacing:1px;margin-bottom:4px;}
.ent p{font-size:12.5px;color:var(--tx2);line-height:1.65;margin:0;}
.ent .k{display:inline-block;font-size:10.5px;color:var(--crimson);letter-spacing:2px;margin-bottom:6px;}
.ent.soon{opacity:.55;} .ent.soon:hover{transform:none;}

/* ═══ 資料條/提示 ═══ */
.kv{display:grid;grid-template-columns:150px 1fr;}
.kv>div{padding:8px 13px;border-bottom:1px solid var(--rule);font-size:13px;}
.kv>div:nth-child(odd){background:var(--panel);color:var(--tx2);font-size:12.5px;}
.kv>div:nth-child(even){color:var(--tx);}
.kv>div:nth-last-child(-n+2){border-bottom:none;}
.kv b{color:#9a2a0f;}
.note{background:#f4eddb;border:1px solid var(--line);border-left:4px solid #5a3a14;padding:11px 15px;margin:14px 0;font-size:13px;color:var(--tx2);}
.note b{color:var(--ink);}
.warn{background:#fbe9d7;border:1px solid #e2b98f;border-left:4px solid #c2410c;padding:11px 15px;margin:14px 0;font-size:13px;color:var(--tx2);}
.warn b{color:#9a2a0f;}

/* 各頁 <style> 內寫死的淺色字:在羊皮紙上會看不見,統一壓回深色 */
.flow .n{background:var(--bg2)!important;border-color:var(--line2)!important;color:var(--tx)!important;}
.flow .n b,table.tt td.mx,.cap b{color:var(--crimson)!important;}
.tip{background:rgba(143,29,29,.06)!important;border-left-color:var(--crimson)!important;}
.tip b,.steps li b,.up .ti{color:var(--ink)!important;}
.up::before{background:var(--bg2)!important;border-color:var(--crimson)!important;box-shadow:none!important;}
.up .dt{color:var(--crimson)!important;}
.steps li{border-bottom-color:var(--rule)!important;}
.dlbox{background:linear-gradient(135deg,#3b2711,#1e1309)!important;border-color:#8a6424!important;}
.dlbox b,.dlbox b.t{color:#fff0c8!important;} .dlbox p{color:#d9c49a!important;}
.dlbtn,.dbtn{background:linear-gradient(#f2c75c,#c8912f)!important;color:#2a1504!important;box-shadow:0 6px 18px rgba(0,0,0,.35)!important;}
[style*="color:#ecd074"],[style*="color:#f2e4ba"],[style*="color:#d79f36"]{color:#8a5a0b!important;}
[style*="color:#c9bd99"]{color:var(--tx2)!important;}

/* ═══ 首頁(仿論壇版型:260 / 475 / 175,內容寬 940) ═══ */
.home-wrap{max-width:940px;margin:0 auto;padding:10px 0 34px;}
.home-wrap .crumb{padding:6px 0 0;font:12px/29px var(--sans);color:#744900;}
.home-wrap .crumb a{color:#744900;} .home-wrap .crumb i{color:#744900;}
.row1{display:grid;grid-template-columns:260px 475px 175px;justify-content:space-between;align-items:start;margin-top:10px;}
.tiles{display:flex;flex-direction:column;}
.tile,.rtile,.slide{position:relative;display:block;overflow:hidden;}
.tile{width:260px;height:154px;border:2px solid #2b2b2b;background:#111;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2);}
.bgi{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform 6s ease-out;}
.tile:hover .bgi,.rtile:hover .bgi{transform:scale(1.1);}
.tile .strip{position:absolute;left:0;right:0;bottom:12px;height:42px;z-index:1;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(90deg,rgba(8,10,20,.25),rgba(8,10,20,.82) 18%,rgba(8,10,20,.82) 82%,rgba(8,10,20,.25));
  border-top:1px solid rgba(255,255,255,.4);border-bottom:1px solid rgba(255,255,255,.4);}
.tile .strip b{font:900 27px/1 var(--disp);letter-spacing:11px;padding-left:11px;color:#fff;text-shadow:0 0 2px #000,0 2px 4px #000;}
.tabs{width:475px;}
.tabh{display:flex;height:52px;}
.tabh button{flex:0 0 95px;height:52px;margin:0;padding:0;border:1px solid #6b6b6b;border-bottom:0;cursor:pointer;
  background:linear-gradient(#fdfdfd,#dcdcdc 50%,#bdbdbd);color:#141414;
  font:900 25px/50px "Microsoft JhengHei","PingFang TC","Noto Sans TC",sans-serif;letter-spacing:2px;
  box-shadow:inset 0 1px 0 #fff,inset -1px 0 0 #9a9a9a;}
.tabh button.on{background:linear-gradient(#3d47a3,#1c236c 52%,#0c1146);color:#fff;border-color:#0c1146;box-shadow:inset 0 1px 0 rgba(255,255,255,.35);}
.tabh button:hover:not(.on){background:linear-gradient(#fff,#e6e6e6 50%,#cbcbcb);}
.tabc{list-style:none;display:none;margin:0;padding:0;height:254px;overflow:hidden;
  background:linear-gradient(#e8ecf1,#cdd3da);border:1px solid #8c95a0;border-top:2px solid #0c1146;}
.tabc.on{display:block;}
.tabc li a{display:flex;align-items:center;gap:2px;height:34px;padding:0 10px 0 3px;font:12px/25px var(--sans);color:#000;border-bottom:1px solid #9aa3ad;}
.tabc li a:hover{background:rgba(255,255,255,.55);color:#000;}
.tabc .tg{color:#f60;flex:0 0 auto;}
.tabc .t{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.tabc time{color:#000;flex:0 0 auto;font-variant-numeric:tabular-nums;}
.tabc .empty,.tabc .loading{padding:8px 10px;color:#555;font:12px/18px var(--sans);}
.rtiles{display:flex;flex-direction:column;gap:4px;}
.rtile{width:175px;height:100px;border:2px solid #2b2b2b;background:#111;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2);}
.rtile::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 38%,rgba(0,0,0,.6));pointer-events:none;}
.rtile b{position:absolute;right:9px;bottom:7px;z-index:1;font:italic 900 31px/1 "Microsoft JhengHei","PingFang TC",sans-serif;letter-spacing:1px;
  color:#ffcf2e;filter:drop-shadow(0 2px 1px #000);}
@supports ((-webkit-background-clip:text) or (background-clip:text)){
  .rtile b{background:linear-gradient(#fff6b0,#ffd12a 50%,#e38a00);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:1.3px #2a1300;}
}
.stat{display:flex;align-items:center;gap:6px;margin:16px 0 8px;font:12px/18px var(--sans);color:#744900;}
.stat .ic{display:inline-flex;align-items:flex-end;gap:1px;width:15px;height:14px;padding:2px;background:#3d7fd1;border-radius:2px;}
.stat .ic i{display:block;width:3px;background:#fff;}
.stat em{font-style:normal;color:#333;}
.stat .sep{color:#b8a27c;}
.stat .rt{margin-left:auto;color:#d9a800;font-weight:700;}
.bm{border:1px solid #2a0d08;background:rgba(255,251,240,.35);}
.bmh{height:55px;display:flex;align-items:center;justify-content:space-between;padding:0 14px 0 26px;
  background:linear-gradient(#4f0e0d,#210505 62%,#330909);border-bottom:1px solid #000;
  font:700 14px/1 var(--sans);color:#fff;letter-spacing:1px;}
.bmh .tog{width:17px;height:17px;border:1px solid #a9d68a;background:#2f4f1d;box-shadow:inset 0 0 0 3px #5c8b39;}
.catgrid{display:grid;grid-template-columns:1fr 1fr;column-gap:20px;padding:0 10px;}
.cat{display:flex;align-items:flex-start;padding:10px 0;border-bottom:1px dashed #744900;min-width:0;}
.cat:nth-last-child(-n+2){border-bottom:0;}
.banner{flex:0 0 290px;width:290px;height:80px;margin-right:10px;position:relative;display:flex;align-items:center;
  filter:drop-shadow(0 2px 2px rgba(60,30,0,.45));}
.banner::before{content:"";position:absolute;inset:0;z-index:0;
  background:
    radial-gradient(ellipse at 35% 45%,rgba(255,244,200,.7),rgba(255,244,200,0) 62%),
    repeating-linear-gradient(97deg,rgba(110,70,15,.10) 0 2px,rgba(110,70,15,0) 2px 8px),
    linear-gradient(180deg,#f3d88a,#dcaa4c 55%,#b98129);
  clip-path:polygon(1% 10%,6% 3%,97% 0,100% 12%,99% 86%,95% 100%,4% 96%,0 60%);}
.banner .lg{position:relative;z-index:1;flex:0 0 86px;text-align:center;line-height:1;}
.banner .lg b{display:block;font:900 25px/1 var(--disp);letter-spacing:1px;color:#f4c24a;
  -webkit-text-stroke:1px #3a1604;text-shadow:0 2px 0 #3a1604;}
.banner .lg i{display:block;margin-top:3px;font:italic 700 9px/1 Georgia,serif;letter-spacing:2px;color:#3a1604;}
.banner .tx{position:relative;z-index:1;flex:1;min-width:0;text-align:center;white-space:nowrap;font:900 38px/1 var(--disp);letter-spacing:8px;padding-left:8px;color:#121212;
  text-shadow:0 1px 0 rgba(255,245,210,.5);}
.cat .info{flex:1;min-width:0;font:12px/18px var(--sans);color:#744900;padding-top:2px;}
.cat .info .nm{display:block;font-weight:700;color:#744900;}
.cat .info .lp{color:#336699;}
.cat .info cite{font-style:normal;color:#744900;margin-left:4px;}

/* ═══ 麵包屑(仿論壇) ═══ */
.crumb{padding:8px 30px 0;font:12px/29px var(--sans);color:#744900;}
.crumb a{color:#744900;} .crumb a:hover{color:var(--crimson);}
.crumb i{font-style:normal;margin:0 5px;color:#744900;}
.crumb .hm{font-size:14px;}

/* ═══ 分類頁(仿論壇版塊列表) ═══ */
.forum{margin-top:6px;font:12px/18px var(--sans);color:#744900;}
.fbox{display:flex;align-items:center;gap:10px;border:1px solid #9b611b;padding:5px 10px 5px;min-height:43px;background:rgba(255,251,240,.35);}
.fbox h1{margin:0;font:700 14px/31px var(--sans);color:#744900;display:flex;align-items:baseline;flex-wrap:wrap;gap:0 10px;}
.fbox h1 a{color:#744900;}
.fbox h1 .i{font:400 12px/31px var(--sans);}
.fbox h1 .i strong{color:#f26c4f;font-weight:700;}
.fbox .pipe{margin:0 5px;color:#c9b38a;}
.fbox .y{margin-left:auto;}
.fbox .y a{color:#744900;}
.pgt{display:flex;justify-content:flex-end;margin:10px 0;}
.pgt .back{position:relative;display:inline-block;height:28px;line-height:26px;padding:0 10px 0 25px;border:1px solid #865c1a;color:#333;background:linear-gradient(#fffdf6,#efe3c4);}
.pgt .back::before{content:"";position:absolute;left:10px;top:9px;border:5px solid transparent;border-right:6px solid #865c1a;border-left:0;}
.pgt .back:hover{color:var(--crimson);}
.forum .tl{border:1px solid #cdcdcd;}
.forum .tl .th{display:flex;align-items:center;min-height:43px;padding:3px 3px 3px 5px;background:linear-gradient(#8a5a1c,#5c3809);}
.forum .tl .tf{flex:1;display:flex;gap:4px;flex-wrap:wrap;}
.forum .tl .tf button{background:none;border:0;padding:2px 10px;color:#fff;font:12px/18px var(--sans);cursor:pointer;border-radius:2px;}
.forum .tl .tf button.on{background:rgba(255,255,255,.2);font-weight:700;}
.forum .tl .tf button:hover{text-decoration:underline;}
.forum .tl .ch{display:flex;color:#f6e6bd;}
.forum .tl .ch span{padding:5px 0;}
.tlist{width:100%;border-collapse:collapse;table-layout:fixed;background:rgba(255,251,240,.25);}
.tlist td,.tlist th{border-bottom:1px solid #b8a45f;vertical-align:middle;}
.tlist .icn{width:30px;padding:5px 0 5px 5px;}
.tlist th{font-weight:400;text-align:left;padding:5px 18px 5px 0;}
.tlist .by{width:105px;padding:5px 0;line-height:14px;}
.tlist .num{width:60px;padding:5px 0;line-height:14px;}
.forum .tl .ch .c-by{width:105px;} .forum .tl .ch .c-num{width:60px;}
.tlist tr{height:39px;}
.tlist tr:hover td,.tlist tr:hover th{background:rgba(255,240,200,.45);}
.tlist .xst{font:700 14px/21px var(--sans);color:#ec1282;}
.tlist .stick .xst{color:#ee1b2e;}
.tlist .stick tr:first-child .xst{background:#ff0;}
.tlist .xst:hover{text-decoration:underline;}
.tlist .by cite{display:block;font-style:normal;color:#744900;}
.tlist .by em,.tlist .num em{display:block;font-style:normal;font-size:11px;color:#999;}
.tlist .num a,.tlist .num b{display:block;color:#336699;font-weight:400;}
.tlist .tag-live{display:inline-block;margin-left:6px;padding:0 5px;font:11px/16px var(--sans);color:#fff;background:#d9534f;border-radius:2px;vertical-align:2px;}
.tlist .sep td,.tlist .sep th{height:27px;background:rgba(155,97,27,.12);font-weight:700;color:#744900;border-bottom:1px solid #b8a45f;}
.tlist .empty th{color:#999;text-align:center;padding:18px 0;}
/* 小圖示:圖釘、資料夾 */
.ico-pin,.ico-dir{display:inline-block;width:18px;height:18px;position:relative;vertical-align:middle;}
.ico-pin::before{content:"";position:absolute;left:5px;top:1px;width:8px;height:8px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#ff8a80,#d32f2f);box-shadow:0 0 0 1px #8e1b1b;}
.ico-pin::after{content:"";position:absolute;left:8px;top:9px;width:2px;height:8px;background:#777;}
.ico-dir::before{content:"";position:absolute;left:1px;top:5px;width:15px;height:11px;background:linear-gradient(#ffe38a,#e0a82e);border:1px solid #9a6a10;border-radius:1px;}
.ico-dir::after{content:"";position:absolute;left:1px;top:2px;width:7px;height:4px;background:#e9bf4a;border:1px solid #9a6a10;border-bottom:0;border-radius:1px 1px 0 0;}
.ico-dir.new::before{background:linear-gradient(#fff3b0,#f2b52c);}
@media(max-width:700px){
  .tlist .by,.tlist .num,.forum .tl .ch{display:none;}
  .fbox{flex-wrap:wrap;}
}


/* ═══ 文章頁(仿論壇帖子) ═══ */
.wrap.thread{padding-top:4px;}
.postlist{border:1px solid #9b611b;background:rgba(255,251,240,.3);font:12px/18px var(--sans);color:#744900;}
.postlist > table{width:100%;border-collapse:collapse;table-layout:fixed;}
.postlist .pls{width:160px;border-right:1px solid #865c1a;vertical-align:top;text-align:center;}
.postlist .plc{vertical-align:top;padding:10px 20px 10px 20px;min-width:0;}
.phead{border-bottom:1px solid #9b611b;}
.phead .pls{padding:9px 0;vertical-align:middle;}
.phead .hm .xg1{color:#999;} .phead .hm .xi1{color:#f26c4f;font-weight:700;}
.postlist .pipe{margin:0 6px;color:#c9b38a;}
.phead .vwthd{padding:6px 20px;vertical-align:middle;}
.phead h1.ts{margin:0;font:700 16px/24px var(--sans);color:#744900;}
.post .pls{background:rgba(155,97,27,.07);padding:16px 0;}
.post .au .md{display:flex;align-items:center;justify-content:center;width:84px;height:84px;margin:0 auto 8px;border-radius:4px;
  background:radial-gradient(circle at 35% 30%,#7a5220,#2a1a0c);border:2px solid #c8912f;font:900 38px/1 var(--disp);color:#ffe6a8;}
.post .au b{display:block;font:700 13px/20px var(--sans);color:#336699;}
.post .au em{display:block;font-style:normal;color:#744900;}
.post .pi{padding:0 0 10px;border-bottom:1px dashed #cdcdcd;margin-bottom:14px;}
.post .pi strong{color:#744900;}
.post .t_f{font:14px/21px var(--sans);color:#744900;min-width:0;}
/* 武器素質總表 */
.wchart{background:radial-gradient(ellipse at 50% 0,#3b2c18,#120d08 72%);border:2px solid #b8893a;
  box-shadow:inset 0 0 0 4px #120d08,inset 0 0 0 5px #6b5024,0 4px 14px rgba(0,0,0,.45);padding:16px 14px 12px;color:#e9dfc6;}
.wc-hd{text-align:center;margin-bottom:12px;}
.wc-hd h2{margin:0;font:900 36px/1.1 var(--disp);letter-spacing:12px;padding-left:12px;color:#e6b85a;filter:drop-shadow(0 2px 0 #000);}
@supports ((-webkit-background-clip:text) or (background-clip:text)){
  .wc-hd h2{background:linear-gradient(#fff3c4,#e6b85a 55%,#a86f1e);-webkit-background-clip:text;background-clip:text;color:transparent;}
}
.wc-hd p{margin:8px 0 0;display:flex;align-items:center;justify-content:center;gap:12px;color:#e7d6a8;font:700 15px/1 var(--disp);letter-spacing:3px;}
.wc-hd p::before,.wc-hd p::after{content:"";width:90px;height:1px;background:linear-gradient(90deg,rgba(201,154,69,0),#c99a45);}
.wc-hd p::after{transform:scaleX(-1);}
.wc-scroll{overflow-x:auto;}
.wc-tb{width:100%;min-width:640px;border-collapse:collapse;table-layout:fixed!important;font:13px/1.35 var(--sans);}
.wc-tb col.c-ic{width:40px;} .wc-tb col.c-nm{width:168px;} .wc-tb col.c-dm{width:66px;}
.wc-tb col.c-sf{width:74px;} .wc-tb col.c-ht{width:118px;} .wc-tb col.c-ex{width:auto;}
.wc-tb .nm{white-space:normal;}
.wc-tb td{padding:4px 8px;border-bottom:1px solid rgba(0,0,0,.35);border-right:1px solid rgba(255,235,190,.08);white-space:nowrap;color:#e9dfc6;}
.wc-tb td:last-child{border-right:0;}
.wc-tb tbody+tbody .gh th{border-top:2px solid #120d08;}
.wc-tb .gh th{padding:5px 10px;text-align:left;font:700 14px/1.2 var(--disp);letter-spacing:3px;color:#fff3c4;text-shadow:0 1px 2px #000;}
.wc-tb .ic{width:36px;text-align:center;padding:2px 4px;}
.wc-tb .ic img{width:28px;height:28px;vertical-align:middle;filter:drop-shadow(0 1px 1px #000);}
.wc-tb .nm{color:#fff6dc;font-weight:700;}
.wc-tb .dm{color:#d6c69c;font-variant-numeric:tabular-nums;}
.wc-tb .sf,.wc-tb .ht{color:#efe4c8;}
.wc-tb .ex{white-space:normal;color:#f3e6c0;}
.wc-tb .ex span{color:#8f7c55;margin:0 3px;}
.wc-tb .wg1 td{background:rgba(38,92,48,.45);} .wc-tb .wg1 .gh th{background:linear-gradient(90deg,#2f6b3a,rgba(47,107,58,.15));}
.wc-tb .wg2 td{background:rgba(32,62,116,.45);} .wc-tb .wg2 .gh th{background:linear-gradient(90deg,#2d5596,rgba(45,85,150,.15));}
.wc-tb .wg3 td{background:rgba(116,32,32,.45);} .wc-tb .wg3 .gh th{background:linear-gradient(90deg,#8e2a2a,rgba(142,42,42,.15));}
.wc-tb .wg4 td{background:rgba(72,40,116,.45);} .wc-tb .wg4 .gh th{background:linear-gradient(90deg,#5b3a8e,rgba(91,58,142,.15));}
.wc-tb .wg5 td{background:rgba(112,80,26,.45);} .wc-tb .wg5 .gh th{background:linear-gradient(90deg,#8a6420,rgba(138,100,32,.15));}
.wc-tb tr:not(.gh):hover td{background:rgba(255,220,140,.14);}
.wc-ft{text-align:center;margin-top:12px;font:900 22px/1 var(--disp);letter-spacing:8px;padding-left:8px;color:#e6b85a;}
.wc-ft small{display:block;margin-top:4px;font:600 10px/1 Georgia,serif;letter-spacing:5px;color:#b99552;}
@media(max-width:820px){
  .postlist .pls{display:none;}
  .postlist .plc{padding:10px 12px;}
}


/* 文章頁內容放進帖子後的微調 */
.post .t_f .thread-lead{margin:0 0 12px;color:var(--tx2);font-size:13.8px;line-height:1.9;max-width:none;}
.post .t_f > h3.sec:first-of-type{margin-top:6px;}
.post .t_f .card{overflow-x:auto;}
.post .t_f p{max-width:none;}

/* ═══ 伺服器基礎設定(資訊圖版型) ═══ */
.sinfo{background:
    radial-gradient(ellipse at 50% 0,rgba(120,40,10,.35),rgba(0,0,0,0) 55%),
    radial-gradient(ellipse at 50% 100%,rgba(90,30,8,.25),rgba(0,0,0,0) 60%),
    #120c08;
  border:2px solid #b8893a;box-shadow:inset 0 0 0 4px #120c08,inset 0 0 0 5px #6b5024,0 4px 14px rgba(0,0,0,.45);
  padding:18px 16px 14px;color:#e9dfc6;font:13px/1.6 var(--sans);}
.si-hd{text-align:center;margin-bottom:14px;}
.si-hd h2{margin:0;font:900 40px/1.1 var(--disp);letter-spacing:8px;padding-left:8px;color:#e6b85a;filter:drop-shadow(0 3px 0 #000);}
@supports ((-webkit-background-clip:text) or (background-clip:text)){
  .si-hd h2{background:linear-gradient(#fff3c4,#e6b85a 50%,#9a6418);-webkit-background-clip:text;background-clip:text;color:transparent;}
}
.si-hd p{margin:10px 0 0;color:#f0e2bf;font:700 14px/1.8 var(--disp);letter-spacing:2px;max-width:none;}
.si-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.si-box{position:relative;background:linear-gradient(180deg,rgba(60,20,10,.55),rgba(18,12,8,.9));
  border:1px solid #8a6424;box-shadow:inset 0 0 0 3px #120c08,inset 0 0 0 4px rgba(184,137,58,.35);padding:0 14px 12px;}
.si-box h3{display:flex;align-items:center;gap:10px;margin:0 -14px 8px;padding:9px 14px;
  font:900 20px/1 var(--disp);letter-spacing:3px;color:#f2d27a;text-shadow:0 2px 2px #000;
  background:linear-gradient(90deg,rgba(110,40,15,.7),rgba(110,40,15,0));border-bottom:1px solid rgba(184,137,58,.45);}
.si-ic{flex:0 0 38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:50%;
  background:radial-gradient(circle at 35% 30%,#7a5220,#2a1a0c);border:2px solid #c8912f;box-shadow:0 0 10px rgba(226,178,74,.35);
  font:900 18px/1 var(--disp);color:#ffe6a8;letter-spacing:0;}
.si-box ul{list-style:none;margin:0;padding:0;}
.si-box li{position:relative;padding:5px 0 5px 18px;}
.si-box li::before{content:"";position:absolute;left:2px;top:11px;border:5px solid transparent;border-left:7px solid #e6b85a;border-right:0;}
.si-box li b{font-weight:700;color:#f3e6c4;margin-right:8px;}
.si-box li em{font-style:normal;font:900 17px/1.4 var(--disp);color:#f2c14e;letter-spacing:1px;}
.si-box li small{display:block;color:#bfae88;font-size:12px;line-height:1.5;}
.si-box li.sep{height:0;padding:0;margin:6px 0;border-top:1px dotted rgba(184,137,58,.5);}
.si-box li.sep::before{display:none;}
.si-box .kv4 li b{display:inline-block;min-width:88px;}
.si-txt p{margin:6px 0;color:#e9dfc6;font-size:13px;max-width:none;}
.si-txt p.hl{color:#f2c14e;font-weight:700;}
.si-ft{text-align:center;margin-top:14px;font:900 24px/1 var(--disp);letter-spacing:8px;padding-left:8px;color:#e6b85a;}
.si-ft small{display:block;margin-top:5px;font:600 10px/1 Georgia,serif;letter-spacing:5px;color:#b99552;}
@media(max-width:700px){ .si-grid{grid-template-columns:1fr;} .si-hd h2{font-size:30px;letter-spacing:4px;} }


/* ═══ 各階能力素質表(防具/飾品總覽) ═══ */
.wchart .wb{margin:0 0 12px;border:1px solid rgba(184,137,58,.45);box-shadow:inset 0 0 0 1px rgba(0,0,0,.5);}
.wchart .wb:last-of-type{margin-bottom:0;}
.wchart .wb-h{padding:6px 12px;font:700 15px/1.2 var(--disp);letter-spacing:3px;color:#fff3c4;text-shadow:0 1px 2px #000;}
.stbl{width:100%;border-collapse:collapse;font:13px/1.35 var(--sans);min-width:520px;}
.stbl th{padding:5px 8px;background:rgba(0,0,0,.45);color:#f2d27a;font-weight:700;text-align:center;white-space:nowrap;border-bottom:1px solid rgba(184,137,58,.4);}
.stbl td{padding:4px 8px;text-align:center;color:#efe4c8;border-bottom:1px solid rgba(0,0,0,.35);white-space:nowrap;font-variant-numeric:tabular-nums;}
.stbl td:first-child,.stbl th:first-child{text-align:left;}
.stbl td:first-child{color:#fff6dc;font-weight:700;}
.stbl td.dim{color:#8f7c55;}
.stbl tbody tr:hover td{background:rgba(255,220,140,.14)!important;}
.wb.wg1 .wb-h{background:linear-gradient(90deg,#2f6b3a,rgba(47,107,58,.15));} .wb.wg1 .stbl td{background:rgba(38,92,48,.45);}
.wb.wg2 .wb-h{background:linear-gradient(90deg,#2d5596,rgba(45,85,150,.15));} .wb.wg2 .stbl td{background:rgba(32,62,116,.45);}
.wb.wg3 .wb-h{background:linear-gradient(90deg,#8e2a2a,rgba(142,42,42,.15));} .wb.wg3 .stbl td{background:rgba(116,32,32,.45);}
.wb.wg4 .wb-h{background:linear-gradient(90deg,#5b3a8e,rgba(91,58,142,.15));} .wb.wg4 .stbl td{background:rgba(72,40,116,.45);}
.wb.wg5 .wb-h{background:linear-gradient(90deg,#8a6420,rgba(138,100,32,.15));} .wb.wg5 .stbl td{background:rgba(112,80,26,.45);}

.stbl.dense th,.stbl.dense td{padding:4px 5px;font-size:12px;}

.wchart .wc-note{margin:0 0 12px;padding:9px 12px;border:1px solid rgba(184,137,58,.45);background:rgba(0,0,0,.35);color:#efe4c8;font:13px/1.6 var(--sans);}
.wchart .wc-note b{display:inline-block;margin-right:10px;padding:0 8px;background:#8e2a2a;color:#fff3c4;font:700 12px/20px var(--sans);letter-spacing:1px;}

.si-wide{grid-column:1/-1;}
.si-zones{display:grid;grid-template-columns:repeat(4,1fr);}
.si-zones .z{padding:4px 12px;border-left:1px solid rgba(184,137,58,.35);}
.si-zones .z:first-child{border-left:0;padding-left:0;}
.si-zones .z i{display:block;font-style:normal;font:900 16px/1.6 var(--disp);color:#f3e6c4;letter-spacing:1px;}
.si-zones .z span{display:block;color:#efe4c8;}
.si-zones .z b{font:900 16px/1.5 var(--disp);color:#f2c14e;}
.si-zones .z small{display:block;margin-top:3px;color:#bfae88;font-size:11.5px;line-height:1.5;}
.si-txt p b{color:#f2c14e;}
@media(max-width:700px){ .si-zones{grid-template-columns:1fr 1fr;row-gap:10px;} .si-zones .z:nth-child(3){border-left:0;padding-left:0;} }

.stbl td.qg{color:#f5c542!important;} .stbl td.qp{color:#c79bff!important;} .stbl td.qr{color:#ff7a6b!important;}
.stbl td.qb{color:#7fb4ff!important;} .stbl td.qe{color:#7fd67a!important;} .stbl td.qw{color:#f2eee4!important;}

/* ═══ 頁尾 ═══ */
.ft{background:#0b0704;border-top:1px solid #3a2a14;margin-top:auto;}
.ft .in{max-width:var(--w);margin:0 auto;padding:24px 18px;display:flex;gap:20px;flex-wrap:wrap;align-items:flex-start;}
.ft .c1{flex:1 1 260px;}
.ft .c1 b{color:#f3dfae;font-family:var(--disp);font-size:16px;letter-spacing:3px;}
.ft .c1 p{color:#8d7a58;font-size:11.5px;margin-top:6px;}
.ft .lk{display:flex;gap:16px;flex-wrap:wrap;}
.ft .lk a{color:#c9b287;font-size:12px;} .ft .lk a:hover{color:#ffd77a;}
.ft .bot{border-top:1px solid #1e150b;padding:12px 18px;text-align:center;color:#6f5f44;font-size:11px;max-width:var(--w);margin:0 auto;}
.loading{color:var(--dim);padding:18px;}
.err{color:var(--red);padding:18px;}

/* ═══ 響應式 ═══ */
@media(max-width:1399px){ .side{display:none;} }
@media(max-width:1000px){
  .home-wrap{padding:10px 16px 28px;}
  .row1{grid-template-columns:1fr;row-gap:12px;}
  .tiles,.rtiles{flex-direction:row;gap:8px;}
  .tile,.rtile{flex:1 1 0;width:auto;}
  .tabs{width:auto;} .tabh button{flex:1 1 0;font-size:21px;}
  .rtile b{font-size:22px;}
}
@media(max-width:820px){ .cat{flex-wrap:wrap;} .banner{margin:0 0 6px;} .cat:nth-last-child(2){border-bottom:1px dashed #744900;} }
@media(max-width:520px){ .tile .strip b{font-size:21px;letter-spacing:6px;} .rtile b{font-size:17px;right:6px;} .banner{flex-basis:100%;width:100%;} .tabh button{font-size:17px;} }
@media(max-width:960px){
  .burger{display:block;}
  .hdr{min-height:170px;} .hdr.home{min-height:470px;}
  .brand .wm{font-size:38px;} .hdr.home .brand .wm{font-size:48px;}
  .nav{position:absolute;top:100%;left:10px;right:10px;margin:6px 0 0;background:rgba(14,9,4,.98);flex-direction:column;
    align-items:stretch;padding:8px;display:none;max-height:calc(100vh - 90px);overflow-y:auto;
    border:1px solid #6b4a1a;box-shadow:0 16px 34px rgba(0,0,0,.7);}
  .nav.open{display:flex;}
  .nav>li+li:not(.mobacts){border-left:0;}
  .nav>li>a{padding:11px 14px;font-size:15px;border-bottom:1px solid #2a1d0f;}
  .nav .car::after{float:right;}
  .nav .sub{position:static;opacity:1;visibility:visible;transform:none;display:none;border:0;background:#0b0704;box-shadow:none;padding:0 0 6px 16px;}
  .nav>li.exp .sub{display:block;}
  .nav .sub a{padding:9px 14px;font-size:14px;}
  .nav .mobacts{display:flex;gap:8px;padding:12px 6px 4px;}
  .nav .mobacts a{flex:1;text-align:center;padding:10px;font-size:13px;}
  .slogan{padding:70px 18px 120px;} .slogan b{font-size:38px;letter-spacing:6px;} .slogan i{font-size:14px;letter-spacing:4px;}
  .sheet{margin-top:-40px;} .sheet.home{margin-top:-80px;}
  .topbar .brandtxt{display:none;}
}
@media(min-width:961px){ .nav .mobacts{display:none;} }
@media(max-width:820px){
  .g3,.quick{grid-template-columns:repeat(2,1fr);}
  .catgrid{grid-template-columns:1fr;} .cat:nth-child(odd){border-right:0;}
  .hero{padding:20px 18px 2px;} .hero h2{font-size:29px;letter-spacing:3px;}
  .wrap{padding:10px 18px 30px;} .crumb{padding:12px 18px 0;}
  .kv{grid-template-columns:110px 1fr;}
}
@media(max-width:520px){
  .g3,.g2,.quick,.tiles{grid-template-columns:1fr;}
  .row1{grid-template-columns:1fr;}
  .slogan b{font-size:30px;}
  .sheet{width:calc(100% - 14px);}
}
@media(prefers-reduced-motion:reduce){ *{transition:none!important;animation:none!important;} }

/* ═══ RWD 手機補強(看板列表/帖子圖表) ═══ */
@media(max-width:700px){
  /* 看板:固定欄寬會把隱藏欄位的寬度留著,改成每列 flex 讓標題占滿 */
  .tlist,.tlist tbody{display:block;width:100%;}
  .tlist tr{display:flex;align-items:center;height:auto;min-height:39px;border-bottom:1px solid #b8a45f;}
  .tlist td,.tlist th{border-bottom:0;}
  .tlist .icn{flex:0 0 30px;width:30px;}
  .tlist th{flex:1 1 auto;min-width:0;padding:6px 8px 6px 0;}
  .tlist .xst{font-size:14px;line-height:20px;}
  .tlist .sep tr{min-height:27px;}
  .forum .tl .th{min-height:38px;}
  .fbox h1{line-height:22px;padding:4px 0;}
  .fbox h1 .i{line-height:20px;}

  /* 帖子圖表 */
  .postlist .plc{padding:10px 8px;}
  .phead .vwthd{padding:6px 10px;}
  .wchart{padding:12px 8px 10px;}
  .wc-hd h2{font-size:24px;letter-spacing:4px;padding-left:4px;}
  .wc-hd p{font-size:12px;letter-spacing:1px;gap:8px;}
  .wc-hd p::before,.wc-hd p::after{width:24px;}
  .wchart .wb-h{font-size:14px;letter-spacing:2px;padding:6px 10px;}
  .wchart .wc-note{padding:8px 10px;font-size:12.5px;}
  .wchart .wc-note b{margin:0 6px 4px 0;}
  .stbl{min-width:0;font-size:12px;}
  .stbl th,.stbl td{padding:4px 6px;}
  .wc-ft{font-size:18px;letter-spacing:5px;}
  .wc-scroll{-webkit-overflow-scrolling:touch;}
}

/* ═══ 標題醒目:白金銀字壓在金色城堡上(金字金底看不清) ═══ */
.brand .wm{filter:drop-shadow(0 2px 0 #000) drop-shadow(0 0 10px rgba(0,0,0,.9));}
@supports ((-webkit-background-clip:text) or (background-clip:text)){
  .brand .wm{background:linear-gradient(180deg,#ffffff 0%,#f4f1ea 45%,#c9c3b6 100%);
    -webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:1px #1b1208;}
}
.brand .en{color:#fff6de;text-shadow:0 0 4px #000,0 1px 2px #000;}
.slogan i{text-shadow:0 0 4px #000,0 1px 3px #000,0 0 10px rgba(0,0,0,.9);}

/* ═══ 手機子選單位移修正:桌機 hover/focus 的 translate(-50%) 會把子選項推出框外 ═══ */
@media(max-width:960px){
  .nav>li:hover .sub,.nav>li:focus-within .sub{transform:none;opacity:1;visibility:visible;}
  .nav>li:not(.exp):hover .sub,.nav>li:not(.exp):focus-within .sub{display:none;}
  .nav .sub{left:auto;min-width:0;}
}

/* ═══ 首頁分類說明換行修正:橫幅占滿後說明文字被擠成右側直欄 ═══ */
@media(max-width:820px){
  .cat .info{flex:1 1 100%;width:100%;padding:2px 4px 0;}
  .cat .info > div{display:inline;}
  .cat .info > div + div::before{content:"｜";margin:0 4px;color:#c9b38a;}
  .cat .info .nm{margin-bottom:2px;}
}

/* ═══ 閱讀權限標示 + 權限不足提示(仿論壇) ═══ */
.tlist .perm{font:12px/21px var(--sans);color:#999;}
.tlist .perm b{color:#999;font-weight:400;}
.msgbox{margin:18px auto 30px;max-width:620px;border:1px solid #9b611b;background:rgba(255,251,240,.55);}
.msgbox h3{margin:0;padding:8px 14px;font:700 14px/20px var(--sans);color:#fff;background:linear-gradient(#8a5a1c,#5c3809);}
.msgbox .mc{padding:26px 20px 22px;text-align:center;font:14px/1.8 var(--sans);color:#744900;}
.msgbox .mc p{margin:0 0 14px;}
.msgbox .mc a{color:#336699;}