/* 工坊內頁：展示台、手冊與內容紀錄分別構圖，共用暖黑、紙色與黃銅細節。 */
.workshop-inner{background:#eee4d3;background-image:linear-gradient(90deg,#c6aa7910 1px,transparent 1px);background-size:8px 100%}
.workshop-inner main{padding-bottom:40px}.workshop-inner .breadcrumbs{padding-block:5px;font-size:11px}.workshop-inner .section-label{color:#946339;letter-spacing:.16em;font-size:10px}
.game-exhibit{display:grid;grid-template-columns:minmax(240px,.9fr) minmax(300px,1.2fr);gap:30px;padding:30px;background:linear-gradient(90deg,#201a15aa,#1c1a18f0),url('assets/brand/workshop-stage.webp') center/cover;color:#f5e9d8;border:1px solid #967044;border-radius:5px;box-shadow:0 8px 0 -4px #8c663d50,0 18px 32px #38230b26}
.exhibit-cover{display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:0;padding:5px 15px}.exhibit-label{align-self:flex-start;color:#d6b17d;font-size:9px;letter-spacing:.19em;margin-bottom:18px}.exhibit-cover>img{width:100%;max-width:330px;height:auto;aspect-ratio:1;object-fit:contain;background:#201b17;border:1px solid #b4905a66;box-shadow:0 12px 24px #0009}.exhibit-serial{margin-top:18px;font-size:9px;letter-spacing:.12em;color:#ab9478;text-align:center}
.game-exhibit .game-summary{padding:8px 12px}.game-exhibit .game-summary h1{font-size:38px;letter-spacing:.05em}.game-exhibit .game-summary .provider{color:#d6c1a5;font-size:11px;margin-bottom:14px}.game-exhibit .english-title{color:#bf9c70;letter-spacing:.13em;font-size:11px}.game-exhibit .game-tagline{font-size:16px;color:#e0d0bc}.game-exhibit .game-facts{border-top:1px solid #b7986e3b;padding-top:14px;margin-bottom:16px;gap:14px}.game-exhibit .game-facts dt{color:#bfae98}.game-exhibit .game-facts dd{color:#f3e3cd}
.exhibit-proof{display:flex;gap:14px;align-items:center;width:fit-content;min-height:60px;margin:16px 0;color:#e0b47c}.exhibit-proof>img{width:82px;height:54px;object-fit:cover;border:1px solid #a37d4f}.exhibit-proof>span{font-size:13px}.exhibit-proof small{display:block;font-size:10px;color:#baa58c;margin-top:7px}.exhibit-proof:hover>span{text-decoration:underline}.exhibit-status{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.game-exhibit .pending-entry{display:inline-flex;align-items:center;min-height:44px;background:#514332;color:#e2ccaa;border:1px solid #b78d5359;padding:8px 18px;font-size:13px;border-radius:3px}.exhibit-status>a{color:#e4b77c;font-size:12px;min-height:44px;display:inline-flex;align-items:center}.game-exhibit .status-note{color:#b3a38f;font-size:11px;margin:12px 0 0}
.workshop-inner .detail-tabs{margin-top:26px;gap:30px;border-bottom:1px solid #bda685}.workshop-inner .detail-tabs a{font-size:13px;color:#6d5033;min-height:52px}.workshop-inner .detail-columns{padding-top:34px;grid-template-columns:minmax(0,1fr) 230px;gap:42px}.workshop-inner .content-section{margin-bottom:38px}.workshop-inner .content-section h2{font-size:24px;letter-spacing:.04em;border-left:3px solid #a3713d;padding-left:15px}.workshop-inner .content-section p{line-height:1.95}.workshop-inner .feature-lines{counter-reset:feature}.workshop-inner .feature-lines>div{position:relative;padding-left:42px;border-color:#c9b696}.workshop-inner .feature-lines>div:before{counter-increment:feature;content:counter(feature,decimal-leading-zero);position:absolute;left:0;top:18px;font:italic 25px Georgia,serif;color:#9e7648}.workshop-inner .side-panel{border-top:3px double #ac8b60;padding:20px;background:#f9f1e4;box-shadow:4px 5px 0 #c5ae8629}.workshop-inner .side-panel h2{font-size:15px;letter-spacing:.06em}.workshop-inner .side-panel a{font-size:12px;border-color:#dccdb4;line-height:1.8}.workshop-inner .gallery-grid figure{border-radius:3px;border-color:#baa17b;background:#fcf6e9;box-shadow:0 5px 0 -2px #c8b28e66}.workshop-inner .gallery-grid img{background:#29241f;padding:9px;object-fit:contain}.workshop-inner .gallery-grid figcaption{color:#776249}.workshop-inner .version-panel{background:#e3d5bd;border-left-color:#9f7647}.workshop-inner .faq-list details{border-color:#c9b696}.workshop-inner .faq-list summary{padding-block:20px}.workshop-inner .related-games{border-top:1px solid #baa17b;padding-top:28px}.workshop-inner .section-heading h2{font-size:23px}.workshop-inner .next-step{background:#ddd0b9;border:0;border-top:1px solid #bda582;border-radius:0;padding:24px;color:#382e23}
.inner-guide-index .page-intro{position:relative;border-top:1px solid #bda582;border-bottom:3px double #bda582;padding:30px 180px 30px 0;margin-bottom:28px}.journal-intro h1{font-size:40px;letter-spacing:.12em}.journal-intro p{line-height:1.9}.journal-edition{position:absolute;right:8px;top:34px;color:#9a7245;border:1px solid #b99e79;padding:15px 18px;text-align:center;font-size:10px;letter-spacing:.18em;transform:rotate(4deg)}.journal-edition b{display:block;font:italic 24px Georgia,serif;margin-top:10px}
.inner-guide-index .guide-list{display:grid;grid-template-columns:1fr 1fr;gap:28px;border:0;padding-bottom:10px}.inner-guide-index .guide-row{display:grid;grid-template-columns:150px 1fr;gap:24px;border:0;border-bottom:1px solid #bea582;padding:0 0 24px;background:transparent;min-width:0}.inner-guide-index .guide-row:first-child{grid-column:1/-1;grid-template-columns:38% 1fr;gap:36px;background:#fbf4e8;border:1px solid #c6b08e;padding:24px;box-shadow:5px 6px 0 #bd9d6829}.guide-cover{position:relative;background:#2b251f;overflow:hidden;border-left:7px solid #3c2b1f;box-shadow:3px 4px 0 #be9c6c4d;align-self:stretch;min-height:190px}.guide-cover img{width:100%;height:100%;max-height:300px;object-fit:cover;display:block;opacity:.85}.guide-cover>span{position:absolute;top:12px;left:12px;background:#ebd8b8;color:#593a20;padding:7px 10px;font:italic 16px Georgia,serif;letter-spacing:.08em}.guide-copy{align-self:center;min-width:0}.inner-guide-index .guide-row .guide-category{display:block;font-size:10px;color:#996132;letter-spacing:.14em;margin-bottom:12px}.inner-guide-index .guide-row h2{font-size:22px;line-height:1.5;margin-bottom:12px}.inner-guide-index .guide-row:first-child h2{font-size:30px;max-width:15em}.inner-guide-index .guide-row p{font-size:13px;line-height:1.9;color:#7f6b55}.read-guide{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#925320;min-height:44px;margin-top:18px;border-top:1px solid #ccb99b}.guide-row:hover .read-guide{color:#bf7629}.guide-date{color:#8e7a61!important}
.inner-journal .article-header{display:grid;grid-template-columns:1fr 180px;gap:42px;padding:28px 0 32px;border-top:1px solid #bda582;border-bottom:3px double #bda582}.inner-journal .article-header h1{font-size:36px;max-width:20em}.inner-journal .article-summary{font-size:16px;color:#78664f}.article-jacket{align-self:center;position:relative;background:#30271f;border:1px solid #bea170;border-left:7px solid #5e3c22;box-shadow:5px 4px 0 #a0845144;transform:rotate(3deg)}.article-jacket img{display:block;width:100%;height:155px;object-fit:cover;opacity:.85}.article-jacket>span{display:block;padding:12px 8px;font-size:9px;letter-spacing:.14em;color:#e2c89c}.inner-journal .article-layout{padding-top:10px;gap:42px}.inner-journal .article-body{background:#fbf5e9;border-left:1px solid #bda582;padding:28px 32px;counter-reset:chapter;box-shadow:5px 5px 0 #cbb89640}.inner-journal .article-body section{counter-increment:chapter}.inner-journal .article-body h2:before{content:counter(chapter,decimal-leading-zero) " / ";color:#a77b45;font:italic 24px Georgia,serif}.inner-journal .article-body h2{font-size:22px}.inner-journal .article-body p{font-size:15px;color:#514535;line-height:2}.inner-journal .article-meta{color:#887156;line-height:1.7}
.inner-help .page-intro,.inner-policy .page-intro{position:relative;padding:36px 180px 36px 28px;background:#2c251f;color:#f4e6d2;border-left:4px solid #bc8d4c;margin-bottom:32px}.inner-help .page-intro h1,.inner-policy .page-intro h1{font-size:36px;letter-spacing:.07em}.inner-help .page-intro p,.inner-policy .page-intro p{color:#c6b396;font-size:14px;line-height:1.9}.inner-help .section-label,.inner-policy .section-label{color:#c6a06f}.document-stamp{position:absolute;right:30px;top:28px;width:120px;height:120px;border:1px solid #be9a626b;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;transform:rotate(-8deg)}.document-stamp span{color:#c1a476;font-size:8px;letter-spacing:.05em}.inner-help .help-grid{counter-reset:steps;gap:32px}.inner-help .help-grid article{counter-increment:steps;border:0;border-bottom:1px solid #bfa782;padding:0 0 20px}.inner-help .help-grid article:before{content:counter(steps,decimal-leading-zero);display:block;font:italic 38px Georgia,serif;color:#9b6d35;margin-bottom:20px}.inner-help .help-grid h2{font-size:22px}.inner-help .help-grid p{font-size:14px;color:#7b674d}.inner-help .faq-list{max-width:850px;margin:40px auto 0;background:#fbf5e9;padding:28px;border-top:3px double #b4976e}.inner-policy>.shell .article-body,.inner-policy main>.article-body{max-width:900px;padding:30px 38px;background:#fbf5e9;border-top:3px double #ac8e62;box-shadow:5px 5px 0 #cbb89640;counter-reset:policy;margin-inline:auto}.inner-policy .article-body section{counter-increment:policy;padding-left:52px;position:relative;border-bottom:1px solid #d7c7ad;padding-bottom:24px}.inner-policy .article-body section:before{content:counter(policy,decimal-leading-zero);position:absolute;left:0;top:0;color:#a77b45;font:italic 30px Georgia,serif}.inner-policy .article-body h2{font-size:23px}.inner-policy .article-body p{color:#6f5c45}
@media(max-width:1050px){.game-exhibit{padding:24px;gap:20px;grid-template-columns:minmax(200px,.8fr) 1.2fr}.game-exhibit .game-summary h1{font-size:32px}.inner-guide-index .guide-row{grid-template-columns:110px 1fr;gap:16px}.inner-guide-index .guide-row h2{font-size:19px}.guide-cover{min-height:175px}.workshop-inner .detail-columns{gap:26px;grid-template-columns:minmax(0,1fr) 210px}}
@media(max-width:760px){.game-exhibit{grid-template-columns:1fr;padding:20px;gap:18px}.exhibit-cover{padding:0}.exhibit-label{margin-bottom:12px}.exhibit-cover>img{max-width:230px}.exhibit-serial{margin-top:12px;font-size:8px}.game-exhibit .game-summary{padding:0}.game-exhibit .game-summary h1{font-size:30px}.game-exhibit .game-summary .provider{margin-bottom:10px}.game-exhibit .game-tagline{font-size:14px}.game-exhibit .english-title{margin-bottom:12px}.exhibit-proof{margin-block:14px}.exhibit-status{gap:14px}.game-exhibit .status-note{font-size:10px;line-height:1.8}.workshop-inner .detail-columns{grid-template-columns:1fr;gap:0}.workshop-inner .detail-tabs{gap:22px;margin-top:16px}.workshop-inner .detail-tabs a{font-size:12px}.workshop-inner .content-section h2{font-size:21px}.workshop-inner .content-section p{font-size:14px}.workshop-inner .side-panel{margin-bottom:26px}.inner-guide-index .page-intro{padding:22px 95px 22px 0}.journal-intro h1{font-size:30px}.journal-intro p{font-size:12px;line-height:1.8}.journal-edition{right:0;top:30px;padding:10px 8px;font-size:7px}.journal-edition b{font-size:18px}.inner-guide-index .guide-list{grid-template-columns:1fr;gap:24px}.inner-guide-index .guide-row:first-child{display:block;padding:16px}.inner-guide-index .guide-row:first-child .guide-cover{height:210px;min-height:0;margin-bottom:20px}.inner-guide-index .guide-row:first-child .guide-cover img{height:210px;object-fit:contain}.inner-guide-index .guide-row:first-child h2{font-size:23px}.inner-guide-index .guide-row{grid-template-columns:105px 1fr;gap:17px}.inner-guide-index .guide-row h2{font-size:18px}.inner-guide-index .guide-row p{font-size:12px}.inner-guide-index .guide-row .guide-category{margin-bottom:8px}.inner-guide-index .guide-cover{min-height:180px}.guide-date{font-size:10px}.read-guide{margin-top:12px}.inner-journal .article-header{grid-template-columns:1fr 78px;gap:16px;padding:20px 0}.inner-journal .article-header h1{font-size:25px;line-height:1.5}.inner-journal .article-summary{font-size:13px;line-height:1.8}.inner-journal .article-meta{font-size:9px;gap:8px}.article-jacket{align-self:start;margin-top:25px}.article-jacket img{height:100px}.article-jacket>span{font-size:6px;padding:8px 5px}.inner-journal .article-layout{gap:0}.inner-journal .article-body{padding:22px 18px}.inner-journal .article-body h2{font-size:20px}.inner-journal .article-body p{font-size:14px}.inner-journal .article-toc{padding:16px;margin-bottom:20px}.inner-help .page-intro,.inner-policy .page-intro{padding:24px 90px 24px 18px}.inner-help .page-intro h1,.inner-policy .page-intro h1{font-size:27px}.inner-help .page-intro p,.inner-policy .page-intro p{font-size:12px}.document-stamp{width:65px;height:65px;right:14px;top:30px}.document-stamp img{width:28px;height:28px}.document-stamp span{font-size:5px}.inner-help .help-grid{gap:24px}.inner-help .help-grid article{padding-left:48px;position:relative}.inner-help .help-grid article:before{position:absolute;left:0;top:0;font-size:28px}.inner-help .help-grid h2{font-size:21px}.inner-help .faq-list{padding:22px 18px}.inner-policy main>.article-body{padding:24px 18px}.inner-policy .article-body section{padding-left:34px}.inner-policy .article-body section:before{font-size:24px}.inner-policy .article-body h2{font-size:20px}}
@media(max-width:760px){.game-exhibit{gap:14px}.game-exhibit .game-summary{display:contents}.exhibit-title{order:0}.exhibit-cover{order:1}.game-exhibit .game-tagline,.game-exhibit .game-facts,.exhibit-proof,.exhibit-status,.game-exhibit .status-note{order:2;margin-block:0}.exhibit-cover>img{max-width:200px}.exhibit-label{display:none}.game-exhibit .english-title{margin-bottom:0}.game-exhibit .game-facts{margin-top:4px}.exhibit-title .provider{display:flex}.exhibit-title h1{margin-top:0}}
.workshop-inner .content-section ul,.inner-journal .article-body ul{padding-left:24px;margin:0 0 16px}.workshop-inner .content-section li,.inner-journal .article-body li{line-height:1.9;font-size:15px;color:#514535;margin-bottom:6px}.workshop-inner .article-cta .demo-jump{display:inline-block}.inner-journal .article-cta{margin:26px 0 30px}.guide-group-title{font-size:20px;letter-spacing:.06em;margin:34px 0 14px;color:#6d4b2b;border-left:3px solid #a3713d;padding-left:14px}
@media(max-width:760px){.workshop-inner .content-section li,.inner-journal .article-body li{font-size:14px}}
.platform-section{background:#f9f1e4;border:1px solid #d9c6a4;padding:22px 22px 16px}.platform-section>p{font-size:14px;color:#5e4c37}.platform-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;margin:16px 0 10px}.platform-card{background:#fff9ef;border:1px solid #cdb891;border-radius:4px;padding:14px 16px;box-shadow:0 4px 0 -2px #c8b28e66}.platform-card h3{margin:0 0 4px;font-size:17px;color:#3d2d1c}.platform-card .platform-link{display:inline-block;font-size:13px;color:#8a5a2b;word-break:break-all;margin-bottom:8px}.platform-level{font-size:12px;color:#6d5033;line-height:1.7;margin:0 0 6px}.platform-level .level-game{color:#2f6b3a;font-weight:600}.platform-level .level-provider{color:#8a6a2b;font-weight:600}.platform-proof{font-size:11px;color:#8a7a66;margin:0}.platform-proof a{color:#8a7a66;text-decoration:underline}.platform-foot{font-size:13px;margin:6px 0 0}.inner-platforms .content-section h3{font-size:18px;margin:26px 0 8px;color:#3d2d1c}.inner-platforms .content-section h3 small{font-weight:400;font-size:12px;color:#8a7a66;margin-left:8px}.platform-inline{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}.platform-inline li{background:#fff9ef;border:1px solid #cdb891;border-radius:3px;padding:6px 10px;font-size:13px}.platform-inline li a{color:#3d2d1c;font-weight:600;margin-right:6px}.platform-inline .level-game{color:#2f6b3a;font-size:11px}.platform-inline .level-provider{color:#8a6a2b;font-size:11px}.platform-none{font-size:13px;color:#8a7a66}
@media(max-width:760px){.platform-section{padding:16px 14px 10px}.platform-grid{grid-template-columns:1fr}.platform-section>p{font-size:13px}}
.platform-section h3{font-size:15px;color:#6d4b2b;margin:18px 0 6px;letter-spacing:.04em}.platform-more{margin:14px 0 6px;border:1px dashed #cdb891;padding:10px 14px;background:#fffaf1}.platform-more summary{cursor:pointer;font-size:14px;color:#5e4c37;font-weight:600}.platform-more p{font-size:13px;color:#6d5a45;margin:8px 0 10px}.platform-inline .proof-link{font-size:11px;color:#8a7a66;text-decoration:underline;font-weight:400;margin-left:6px}
.platform-note{font-size:13px;color:#7a6650;margin:4px 0 12px}.platform-note a{color:#8a5a2b}.platform-chips{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}.platform-chips li a{display:flex;flex-direction:column;gap:2px;background:#fff9ef;border:1px solid #cdb891;border-radius:4px;padding:9px 12px;text-decoration:none;color:#3d2d1c}.platform-chips li a:hover{border-color:#8a5a2b;background:#fffdf7}.platform-chips li strong{font-size:14px;font-weight:600}.platform-chips li span{font-size:12px;color:#8a7a66;word-break:break-all}.platform-chips-weak li a{background:#fffaf1;border-style:dashed}.platform-chips-weak li strong{font-weight:500;color:#5e4c37}.platform-section .platform-more{margin:12px 0 0;border:0;padding:0;background:transparent}.platform-section .platform-more summary{font-size:13px;color:#7a6650;font-weight:500;padding:6px 0}.platform-section .platform-more[open] summary{margin-bottom:8px}
@media(max-width:760px){.platform-chips{grid-template-columns:repeat(2,minmax(0,1fr))}.platform-chips li a{padding:8px 10px}.platform-chips li strong{font-size:13px}.platform-chips li span{font-size:11px}}
.reading-list{margin:18px 0 0;padding-top:14px;border-top:1px solid #d9c6a4}.reading-list h3{font-size:15px;color:#6d4b2b;margin:0 0 10px;letter-spacing:.04em}.reading-list ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}.reading-list li{background:#fff9ef;border:1px solid #cdb891;border-radius:4px;padding:10px 12px}.reading-list li a{display:flex;flex-direction:column;gap:3px;text-decoration:none;color:#3d2d1c}.reading-list li a strong{font-size:14px;font-weight:600;line-height:1.4}.reading-list li a span{font-size:12px;color:#8a7a66}.reading-list li a:hover strong{color:#8a5a2b;text-decoration:underline}.reading-list li p{margin:6px 0 0;font-size:13px;color:#5e4c37;line-height:1.6}.reading-note{font-size:12px;color:#8a7a66;margin:10px 0 0}
@media(max-width:760px){.reading-list ul{grid-template-columns:1fr}}
/* ---- 文章封面（Codex 工坊靜物，2026-10-30）---- */
.article-header.has-cover{display:block;position:relative;isolation:isolate;overflow:hidden;min-height:380px;padding:0;border:1px solid #b78a4b;border-radius:10px;background:#1b1716;color:#fff4e5;box-shadow:0 18px 50px #2a1a0a40}
.article-hero{position:absolute;inset:0;z-index:-2}.article-hero img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.article-header.has-cover::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#120e0cd9 0%,#120e0cb0 42%,#120e0c22 70%,#120e0c00 100%),linear-gradient(#0000 55%,#0b0807a6 100%)}
.article-header.has-cover .article-heading{position:relative;max-width:56%;padding:40px 36px 34px}
.article-header.has-cover .section-label{color:#e8b969}
.article-header.has-cover h1{color:#fff4e5;text-shadow:0 2px 10px #000c}
.article-header.has-cover .article-summary{color:#e9dcc6}
.article-header.has-cover .article-meta{color:#d9c7af}.article-header.has-cover .article-meta span,.article-header.has-cover .article-meta time{color:#d9c7af}
.guide-row.has-cover .guide-cover img{aspect-ratio:16/9;height:auto;object-fit:cover}
@media(max-width:760px){.article-header.has-cover{min-height:0}.article-hero img{object-position:72% 45%}.article-header.has-cover .article-heading{max-width:100%;padding:150px 18px 22px}.article-header.has-cover::before{background:linear-gradient(#0000 0%,#120e0c66 35%,#120e0ce6 60%,#120e0cf2 100%)}}
/* ---- 掃讀區塊（2026-11-01，賽特二起）---- */
.overview.has-art{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:20px;align-items:center}
.overview-art{margin:0}.overview-art img{width:100%;height:auto;display:block;filter:drop-shadow(0 10px 18px #2a1a0a55)}
.quick-strip{list-style:none;margin:-14px 0 34px;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.quick-strip li{background:#2d2928;color:#fff4e5;border:1px solid #b78a4b;border-radius:10px;padding:12px 14px;display:grid;gap:3px}
.quick-strip strong{font-size:15px;color:#f2ad49;letter-spacing:.02em}.quick-strip span{font-size:12.5px;color:#d9c7af}
.callout{background:#fffaf1;border:1px solid #cdb891;border-radius:10px;padding:18px 20px 8px}
.callout h2{border-left:0;padding-left:0;font-size:19px;margin-top:0}.callout ul{margin:0 0 10px;padding-left:20px}.callout li{margin:6px 0;font-size:15px}
.step-cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;counter-reset:none}
.step-cards li{position:relative;background:#fffaf1;border:1px solid #d9cdbb;border-radius:10px;padding:16px 16px 14px 56px;min-height:96px}
.step-cards .step-no{position:absolute;left:14px;top:14px;width:30px;height:30px;border-radius:50%;background:#f2ad49;color:#292628;font-weight:700;display:grid;place-items:center}
.step-cards strong{display:block;font-size:15.5px;margin-bottom:4px}.step-cards p{margin:0;font-size:14px;color:#5e4c37}
.rule-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.rule-cards article{background:#fffaf1;border:1px solid #d9cdbb;border-left:4px solid #a3713d;border-radius:10px;padding:14px 16px}
.rule-cards h3{margin:0 0 6px;font-size:16.5px}.rule-cards p{margin:0;font-size:14.5px;line-height:1.65}
.rule-cards details{margin-top:8px}.rule-cards summary,.more-text summary{cursor:pointer;color:#8a5a2b;font-size:13.5px;font-weight:600}
.rule-cards details p{margin-top:6px;color:#5e4c37}
.more-text{margin-top:6px}.more-text p{color:#4b4038}
.table-wrap{overflow-x:auto}.compare-table{width:100%;border-collapse:collapse;font-size:14.5px;background:#fffaf1;border:1px solid #d9cdbb;border-radius:10px;overflow:hidden}
.compare-table th,.compare-table td{padding:10px 12px;border-bottom:1px solid #e6dcc9;text-align:left;vertical-align:top}
.compare-table thead th{background:#2d2928;color:#f2ad49;font-weight:600}.compare-table tbody th{font-weight:600;color:#292628;width:34%}
.compare-table td:nth-child(2){color:#8a5a2b;font-weight:600}
.watch-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.watch-cards>div{background:#2d2928;color:#fff4e5;border-radius:10px;padding:14px 16px;border:1px solid #b78a4b}
.watch-cards h3{margin:0 0 6px;font-size:16px;color:#f2ad49}.watch-cards p{margin:0;font-size:14px;color:#e9dcc6;line-height:1.6}
@media(max-width:760px){.overview.has-art{grid-template-columns:1fr}.overview-art{max-width:160px;margin:0 auto}
.quick-strip{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:-6px}.step-cards,.rule-cards,.watch-cards{grid-template-columns:1fr}
.compare-table{font-size:13.5px}.compare-table th,.compare-table td{padding:8px 9px}}
/* ---- 賠率表／資料表（2026-11-01）---- */
.formula{background:#fffaf1;border-left:4px solid #f2ad49;padding:10px 14px;border-radius:0 8px 8px 0;font-size:14.5px;color:#4b4038;margin:0 0 12px}
.data-table{width:100%;border-collapse:collapse;font-size:14.5px;background:#fffaf1;border:1px solid #d9cdbb;border-radius:10px;overflow:hidden;margin-bottom:10px}
.data-table th,.data-table td{padding:9px 12px;border-bottom:1px solid #e6dcc9;text-align:left;vertical-align:middle}
.data-table thead th{background:#2d2928;color:#f2ad49;font-weight:600;white-space:nowrap}.data-table tbody th{font-weight:600;color:#292628;width:34%}
.paytable tbody th{width:40%}.paytable td{font-variant-numeric:tabular-nums;font-weight:600;color:#8a5a2b;white-space:nowrap}
.paytable .sym{display:flex;align-items:center;gap:10px}.paytable .sym img{width:44px;height:44px;border-radius:8px;flex:none;box-shadow:0 2px 6px #0003}.paytable .sym b{font-weight:600}
.table-note{font-size:12.5px;color:#71665d;margin:4px 0 0}
@media(max-width:760px){.data-table{font-size:13px}.data-table th,.data-table td{padding:7px 8px}.paytable .sym img{width:36px;height:36px}.paytable tbody th{width:44%}}
.paytable-special td{white-space:normal;font-weight:500;color:#4b4038;line-height:1.55}.paytable-special tbody th{width:40%}.paytable .sym b{word-break:keep-all}
@media(max-width:760px){.paytable-special tbody th{width:38%}.paytable-special td{font-size:13px}.paytable .sym{gap:7px}}
@media(max-width:760px){.paytable thead th{white-space:normal;line-height:1.3}.paytable:not(.paytable-special) tbody th{width:32%}.paytable:not(.paytable-special) td{padding-left:6px;padding-right:6px}.paytable .sym img{width:32px;height:32px}.paytable .sym b{font-size:13px}}