/* ================================================================
   診断ごとのデザイン（スキン）
   <body class="skin-<診断ID>"> で切り替え。フォントは build.js の SKIN_FONTS で読み込み
   ================================================================ */
.dx-hero h1,.q,.res-name,.type-head h1,.fs-title,.result h3,.sec-title,.page-title{font-family:var(--head-font,inherit)}
.dx-hero{position:relative}

/* ---------- 16タイプ性格診断：やわらかい4色 ---------- */
.skin-seikaku{--bg:#f4f6ff;--head-font:"Zen Maru Gothic","Noto Sans JP",sans-serif}
.skin-seikaku .dx-hero{margin-top:12px;padding:20px 22px;border-radius:28px;overflow:hidden;
  background:radial-gradient(circle at 8% 18%,#c7d7ff 0 52px,transparent 53px),radial-gradient(circle at 92% 22%,#ffd6e7 0 40px,transparent 41px),radial-gradient(circle at 78% 105%,#fff1b8 0 46px,transparent 47px),radial-gradient(circle at 25% 110%,#c9f2dc 0 40px,transparent 41px),#fff}
.skin-seikaku .dx-app{border:none;border-radius:28px;box-shadow:0 12px 34px rgba(59,108,246,.13)}
.skin-seikaku .pbar{height:8px;border-radius:8px}
.skin-seikaku .pbar i{background:linear-gradient(90deg,#3b6cf6,#e64980,#fab005,#40c057)}
.skin-seikaku .btn{border-radius:999px}
.skin-seikaku .res-head{border:none;background:linear-gradient(135deg,#e7edff,#ffe8f1 50%,#fff6d6)}
.skin-seikaku .card{border-radius:20px}

/* ---------- トレーダー：取引端末 ---------- */
.skin-trader{--head-font:"JetBrains Mono","Noto Sans JP",monospace}
.skin-trader main{background-image:linear-gradient(rgba(255,176,0,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,176,0,.05) 1px,transparent 1px);background-size:24px 24px}
.skin-trader .dx-app{position:relative;border-radius:4px;border-color:#4a3800;padding-top:50px;box-shadow:0 0 0 1px #000,0 18px 40px rgba(0,0,0,.5)}
.skin-trader .dx-app::before{content:"●  ●  ●     TRADER TERMINAL  v1.0";position:absolute;top:0;left:0;right:0;height:32px;padding:0 14px;font:700 11px/32px "JetBrains Mono",monospace;letter-spacing:.12em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#ffb000;background:#151007;border-bottom:1px solid #4a3800;border-radius:4px 4px 0 0}
.skin-trader .opts button,.skin-trader .btn,.skin-trader .card,.skin-trader .res-head{border-radius:3px}
.skin-trader .opts button .k{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #4a3800;border-radius:2px;font-size:12px;background:#151007}
.skin-trader .opts button.sel .k{background:#ffb000;color:#151007;border-color:#ffb000}
.skin-trader .pbar{height:6px;border-radius:0}
.skin-trader .pbar i{background:repeating-linear-gradient(90deg,#ffb000 0 6px,transparent 6px 8px)}
.skin-trader .q{letter-spacing:-.01em}

/* ---------- 防災：警告ストライプ ---------- */
.skin-bousai{--bg:#fbf7f1}
.skin-bousai .dx-hero::before{content:"";display:block;height:10px;margin:4px 0 14px;border-radius:3px;background:repeating-linear-gradient(-45deg,#e8590c 0 14px,#212529 14px 28px)}
.skin-bousai .dx-app{position:relative;overflow:hidden;border-radius:10px;border:2px solid #212529;padding-top:38px}
.skin-bousai .dx-app::before{content:"";position:absolute;top:0;left:0;right:0;height:12px;background:repeating-linear-gradient(-45deg,#e8590c 0 14px,#212529 14px 28px)}
.skin-bousai .btn,.skin-bousai .opts button{border-radius:6px}
.skin-bousai .opts button.sel{background:#fff4e6}
.skin-bousai .res-head{background:#fff;border:2px solid #212529}
.skin-bousai .card{border-radius:8px}

/* ---------- セキュリティ：サイバー ---------- */
.skin-security{--bg:#050b14;--panel:#0a1422;--panel2:#0f1d31;--line:#16324d;--text:#dff6ff;--muted:#7f9bb3;--head-font:"JetBrains Mono","Noto Sans JP",monospace}
.skin-security main{background-image:radial-gradient(rgba(34,184,207,.16) 1px,transparent 1.5px);background-size:22px 22px}
.skin-security .dx-hero h1{font-family:inherit}
.skin-security .dx-hero::after{content:"🔒";position:absolute;right:0;bottom:-6px;font-size:56px;opacity:.1;pointer-events:none}
.skin-security .dx-app{border:1px solid rgba(34,184,207,.55);box-shadow:0 0 0 1px rgba(34,184,207,.15),0 0 32px rgba(34,184,207,.18);border-radius:8px}
.skin-security .opts button{border-radius:4px;background:#0a1422}
.skin-security .opts button.sel{background:rgba(34,184,207,.12)}
.skin-security .pbar i{box-shadow:0 0 10px var(--accent)}
.skin-security .res-head{background:linear-gradient(180deg,rgba(34,184,207,.1),transparent);border-color:rgba(34,184,207,.4)}
.skin-security .card{border-radius:6px}

/* ---------- 詐欺：注意テープ ---------- */
.skin-sagi{--bg:#fffcf2}
.skin-sagi .dx-hero{padding-bottom:6px}
.skin-sagi .dx-hero::after{content:"CAUTION 　注意　 CAUTION 　注意　 CAUTION 　注意　 CAUTION 　注意　 CAUTION 　注意";display:block;white-space:nowrap;overflow:hidden;margin:16px -18px 0;padding:6px 0;font:900 12px/1 "JetBrains Mono","Noto Sans JP",monospace;letter-spacing:.18em;color:#111;background:#ffd43b;border-top:3px solid #111;border-bottom:3px solid #111;transform:rotate(-1.5deg)}
.skin-sagi .dx-app{border:3px solid #111;border-radius:6px;box-shadow:6px 6px 0 #111}
.skin-sagi .opts button{border:2px solid #111;border-radius:4px}
.skin-sagi .opts button.sel{background:#fff3bf;border-color:#111;box-shadow:inset 0 0 0 1px #111}
.skin-sagi .btn{border-radius:4px;box-shadow:3px 3px 0 #111}
.skin-sagi .res-head{background:#fff;border:3px solid #111}
.skin-sagi .card{border:2px solid #111;box-shadow:none;border-radius:6px}

/* ---------- お金の使い方：レシート ---------- */
.skin-okane{--bg:#efe9dc;--panel:#fffdf7;--head-font:"M PLUS Rounded 1c","Noto Sans JP",sans-serif}
.skin-okane .dx-app{position:relative;border:none;border-radius:0;box-shadow:0 6px 18px rgba(80,60,20,.12);margin-bottom:20px}
.skin-okane .dx-app::after{content:"";position:absolute;left:0;right:0;bottom:-12px;height:12px;background:linear-gradient(-45deg,transparent 8px,#fffdf7 0) 0 0/16px 12px repeat-x,linear-gradient(45deg,transparent 8px,#fffdf7 0) 0 0/16px 12px repeat-x}
.skin-okane .dx-app::before{content:"RECEIPT ─ お金の使い方明細書";display:block;text-align:center;font:700 11px "JetBrains Mono",monospace;letter-spacing:.14em;color:var(--muted);border-bottom:1px dashed #c9bfa8;padding-bottom:10px;margin-bottom:16px}
.skin-okane .opts button{border:none;border-bottom:1px dashed #c9bfa8;border-radius:0;background:transparent}
.skin-okane .opts button.sel{background:#fff3d6;box-shadow:none}
.skin-okane .res-head{background:#fffdf7;border:1px dashed #c9bfa8;border-radius:0}
.skin-okane .card{border-radius:0;border-style:dashed}
.skin-okane .btn{border-radius:999px}

/* ---------- 副業：ノート ---------- */
.skin-fukugyo{--bg:#f6f9f0;--head-font:"Klee One","Noto Sans JP",sans-serif}
.skin-fukugyo main{background-image:linear-gradient(rgba(92,148,13,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(92,148,13,.09) 1px,transparent 1px);background-size:20px 20px}
.skin-fukugyo .dx-app{position:relative;padding-left:44px;border-radius:4px;background:#fffef6;box-shadow:0 2px 0 #dfe6d0,0 10px 24px rgba(60,80,20,.1)}
.skin-fukugyo .dx-app::before{content:"";position:absolute;top:0;bottom:0;left:28px;width:2px;background:#ff8787;opacity:.7}
.skin-fukugyo .opts button{border-radius:2px;background:#fffef6;border-color:#dfe6d0}
.skin-fukugyo .opts button.sel{background:#fff9c4;border-color:var(--accent)}
.skin-fukugyo .res-head{background:#fffef6;border-radius:4px}
.skin-fukugyo .card{border-radius:4px}
@media (max-width:560px){.skin-fukugyo .dx-app{padding-left:30px}.skin-fukugyo .dx-app::before{left:16px}}

/* ---------- トランプ：カジノのフェルト ---------- */
.skin-trump{--bg:#062b1a;--panel:#0b3d25;--panel2:#0f4a2e;--line:rgba(255,255,255,.14);--text:#f1f7f2;--muted:#9fc2ad;--head-font:"Shippori Mincho","Noto Serif JP",serif}
.skin-trump main{background:radial-gradient(ellipse at center,#0c4a2c 0%,#062b1a 75%)}
.skin-trump .dx-hero::after{content:"♠ ♥ ♦ ♣";position:absolute;right:4px;bottom:-4px;font-size:26px;letter-spacing:.2em;color:rgba(242,201,76,.35)}
.skin-trump .dx-app{border:2px solid rgba(242,201,76,.5);border-radius:18px;background:#0b3d25;box-shadow:inset 0 0 60px rgba(0,0,0,.35)}
.skin-trump .opts button{background:#fdfcf7;color:#1b1b1b;border:none;border-radius:8px;box-shadow:0 3px 0 rgba(0,0,0,.35)}
.skin-trump .opts button .k{color:#c92a2a;font-weight:700}
.skin-trump .opts button.sel{background:#fff6d1;box-shadow:0 0 0 3px #f2c94c,0 3px 0 rgba(0,0,0,.35)}
.skin-trump .card{background:#0b3d25;border-color:rgba(242,201,76,.25)}
.skin-trump .btn{border-radius:8px}

/* ---------- RPG：メッセージウィンドウ ---------- */
.skin-rpg{--bg:#070a1f;--panel:#0d1440;--panel2:#142060;--line:#2a3a8a;--text:#ffffff;--muted:#aab4ff;--head-font:"DotGothic16","Noto Sans JP",sans-serif}
.skin-rpg main{background-image:radial-gradient(#ffffff 0.8px,transparent 1.2px),radial-gradient(rgba(255,255,255,.5) 0.6px,transparent 1px);background-size:120px 120px,70px 70px;background-position:0 0,35px 50px}
.skin-rpg .dx-app,.skin-rpg .card,.skin-rpg .res-head{background:#0d1440;border:3px solid #fff;border-radius:6px;box-shadow:0 0 0 3px #0d1440,0 0 0 4px rgba(255,255,255,.25)}
.skin-rpg .dx-app{margin-left:4px;margin-right:4px}
.skin-rpg .opts{gap:4px}
.skin-rpg .opts button{background:transparent;border:none;border-radius:0;font-family:"DotGothic16","Noto Sans JP",sans-serif;font-size:16px;padding:10px 8px 10px 30px;position:relative}
.skin-rpg .opts button .k{display:none}
.skin-rpg .opts button::before{content:"▶";position:absolute;left:8px;color:#fff;opacity:0}
.skin-rpg .opts button.sel{background:rgba(255,255,255,.08);box-shadow:none}
.skin-rpg .opts button.sel::before{opacity:1}
@media (hover:hover) and (pointer:fine){.skin-rpg .opts button:not(.sel):hover::before{opacity:.5}}
.skin-rpg .pbar{height:10px;border:2px solid #fff;border-radius:2px;background:#000}
.skin-rpg .pbar i{background:repeating-linear-gradient(90deg,#51cf66 0 8px,#2b8a3e 8px 10px)}
.skin-rpg .progress span:first-child::before{content:"HP  "}
.skin-rpg .btn{border-radius:4px;font-family:"DotGothic16","Noto Sans JP",sans-serif}
.skin-rpg .dx-hero h1 em{color:#ffd43b}

/* ---------- 寿司：のれんと木のカウンター ---------- */
.skin-sushi{--bg:#f6efe0;--panel:#fffaf0;--head-font:"Shippori Mincho","Noto Serif JP",serif}
.skin-sushi main{background-image:repeating-linear-gradient(17deg,rgba(150,120,70,.05) 0 1px,transparent 1px 7px),repeating-linear-gradient(-23deg,rgba(150,120,70,.04) 0 1px,transparent 1px 9px)}
.skin-sushi .dx-hero{margin-top:10px;padding:20px 20px 34px;background:#1f3a63;color:#fff;border-radius:6px 6px 0 0;overflow:hidden}
.skin-sushi .dx-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:22px;background:linear-gradient(90deg,transparent 0 calc(33.3% - 3px),var(--bg) calc(33.3% - 3px) calc(33.3% + 3px),transparent calc(33.3% + 3px) calc(66.6% - 3px),var(--bg) calc(66.6% - 3px) calc(66.6% + 3px),transparent calc(66.6% + 3px))}
.skin-sushi .dx-hero h1 em{color:#ffc9a8}
.skin-sushi .dx-hero .dx-lead{color:rgba(255,255,255,.82)}
.skin-sushi .dx-hero .tag{color:#fff;border-color:rgba(255,255,255,.6)}
.skin-sushi .dx-app{border:none;border-top:14px solid #b07a46;border-radius:4px;background:#fffaf0;box-shadow:0 2px 0 #8a5a2b inset,0 10px 26px rgba(90,60,20,.15)}
.skin-sushi .opts button{border-radius:999px;background:#fff;border-color:#e6d8bf}
.skin-sushi .opts button .k{color:#c92a2a}
.skin-sushi .opts button.sel{background:#fff1ec;border-color:#c92a2a;box-shadow:inset 0 0 0 1px #c92a2a}
.skin-sushi .res-head{background:#fffaf0;border:1px solid #e6d8bf}
.skin-sushi .card{background:#fffaf0;border-color:#e6d8bf}

/* ---------- 仕事の価値観：上質な名刺・手帳 ---------- */
.skin-shigoto{--bg:#f3f1ea;--panel:#fffdf8;--head-font:"Shippori Mincho","Noto Serif JP",serif}
.skin-shigoto .dx-hero{padding-left:18px;border-left:6px solid #1b2a5c}
.skin-shigoto .dx-hero h1 em{color:#9c7a2b;font-style:normal}
.skin-shigoto .dx-app{position:relative;border:none;border-radius:2px;background:#fffdf8;box-shadow:0 1px 0 #d9d3c3,0 14px 30px rgba(27,42,92,.12);padding-top:46px}
.skin-shigoto .dx-app::before{content:"WORK VALUE PROFILE";position:absolute;top:0;left:0;right:0;height:28px;padding:0 16px;font:700 10px/28px "JetBrains Mono",monospace;letter-spacing:.24em;color:#e9d9a8;background:#1b2a5c}
.skin-shigoto .opts button{border-radius:2px;border-color:#e3ddcc;background:#fffdf8}
.skin-shigoto .opts button .k{color:#9c7a2b}
.skin-shigoto .opts button.sel{background:#f5efdc;border-color:#1b2a5c;box-shadow:inset 3px 0 0 #1b2a5c}
.skin-shigoto .btn{border-radius:2px;background:#1b2a5c}
.skin-shigoto .btn.ghost{background:transparent;color:#1b2a5c}
.skin-shigoto .res-head{background:#fffdf8;border:1px solid #d9d3c3;border-top:6px solid #1b2a5c;border-radius:2px}
.skin-shigoto .card{border-radius:2px;border-color:#e3ddcc}

/* ---------- デジタル習慣：スマホ画面 ---------- */
.skin-digital{--bg:#eef7f3;--head-font:"M PLUS Rounded 1c","Noto Sans JP",sans-serif}
.skin-digital .dx-app{position:relative;max-width:560px;margin-left:auto;margin-right:auto;border:10px solid #1e2b26;border-radius:38px;padding-top:44px;box-shadow:0 18px 40px rgba(12,166,120,.18)}
.skin-digital .dx-app::before{content:"9:41";position:absolute;top:10px;left:24px;font:800 13px "M PLUS Rounded 1c","Noto Sans JP",sans-serif;color:#1e2b26}
.skin-digital .dx-app::after{content:"";position:absolute;top:10px;left:50%;width:84px;height:20px;margin-left:-42px;border-radius:12px;background:#1e2b26}
.skin-digital .opts button{border-radius:18px;background:#f4faf7;border-color:#d4ebe1}
.skin-digital .opts button.sel{background:#e3f8ef}
.skin-digital .btn{border-radius:999px}
.skin-digital .res-head{border-radius:24px;background:linear-gradient(180deg,#e3f8ef,#fff)}
.skin-digital .card{border-radius:18px}
@media (max-width:560px){.skin-digital .dx-app{border-width:6px;border-radius:28px}}

/* ---------- FX：チャート ---------- */
.skin-fx{--bg:#07110d;--panel:#0b1a14;--panel2:#10251c;--line:#1d3a2d;--text:#e6f5ee;--muted:#86a698;--head-font:"JetBrains Mono","Noto Sans JP",monospace}
.skin-fx .dx-hero h1{font-family:inherit}
.skin-fx main{background-image:linear-gradient(rgba(18,184,134,.06) 1px,transparent 1px);background-size:100% 32px}
.skin-fx .dx-hero::after{content:"";position:absolute;right:0;top:2px;width:150px;height:44px;opacity:.45;pointer-events:none;
  background:linear-gradient(#12b886,#12b886) 6px 18px/8px 26px no-repeat,linear-gradient(#fa5252,#fa5252) 24px 10px/8px 30px no-repeat,linear-gradient(#12b886,#12b886) 42px 22px/8px 22px no-repeat,linear-gradient(#12b886,#12b886) 60px 6px/8px 34px no-repeat,linear-gradient(#fa5252,#fa5252) 78px 16px/8px 28px no-repeat,linear-gradient(#12b886,#12b886) 96px 2px/8px 30px no-repeat,linear-gradient(#12b886,#12b886) 114px 0/8px 24px no-repeat,linear-gradient(#fa5252,#fa5252) 132px 8px/8px 20px no-repeat}
.skin-fx .dx-app{border:1px solid #1d3a2d;border-left:3px solid #12b886;border-radius:6px;background:linear-gradient(180deg,#0b1a14,#081410)}
.skin-fx .opts button{border-radius:4px;background:#0b1a14}
.skin-fx .opts button .k{color:#12b886}
.skin-fx .opts button.sel{background:rgba(18,184,134,.1)}
.skin-fx .pbar i{background:linear-gradient(90deg,#fa5252,#12b886)}
.skin-fx .res-head{border-color:#1d3a2d;background:linear-gradient(180deg,rgba(18,184,134,.12),transparent)}
.skin-fx .fx-code{font-size:44px;letter-spacing:.04em}
.skin-fx .card{border-radius:6px}

/* ---------- 居住地：間取り図 ---------- */
.skin-sumai{--bg:#f2f6f1;--head-font:"Zen Maru Gothic","Noto Sans JP",sans-serif}
.skin-sumai main{background-image:linear-gradient(rgba(43,138,62,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(43,138,62,.07) 1px,transparent 1px);background-size:28px 28px}
.skin-sumai .dx-hero::after{content:"";position:absolute;right:4px;top:0;width:70px;height:46px;opacity:.3;pointer-events:none;
  background:linear-gradient(135deg,transparent 49%,#2b8a3e 49% 53%,transparent 53%) 0 0/35px 20px no-repeat,linear-gradient(225deg,transparent 49%,#2b8a3e 49% 53%,transparent 53%) 35px 0/35px 20px no-repeat,linear-gradient(#2b8a3e,#2b8a3e) 6px 20px/3px 26px no-repeat,linear-gradient(#2b8a3e,#2b8a3e) 61px 20px/3px 26px no-repeat,linear-gradient(#2b8a3e,#2b8a3e) 6px 43px/58px 3px no-repeat}
.skin-sumai .dx-app{border:3px solid #2f3b33;border-radius:4px;box-shadow:6px 6px 0 rgba(43,138,62,.18)}
.skin-sumai .opts button{border-radius:4px;border-style:dashed;border-color:#b9cbbb}
.skin-sumai .opts button.sel{border-style:solid;background:#ebf7ed}
.skin-sumai .res-head{border:3px solid #2f3b33;border-radius:4px;background:#fff}
.skin-sumai .card{border-radius:4px}
.sumai-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:10px 0 4px}
.sumai-chips span{font-size:13px;font-weight:700;padding:4px 10px;border-radius:999px;border:1.5px solid var(--accent);color:var(--accent);background:#fff}

/* ---------- 唐辛子：赤い屋台ののぼり ---------- */
.skin-togarashi{--bg:#fff6ee;--head-font:"Dela Gothic One","Noto Sans JP",sans-serif}
.skin-togarashi .dx-hero{padding:18px 20px 22px;margin-top:10px;border-radius:14px;background:radial-gradient(circle at 90% 20%,#ffb703 0 3px,transparent 4px),radial-gradient(circle at 80% 70%,#ffb703 0 2px,transparent 3px),linear-gradient(135deg,#c1121f,#e85d04);color:#fff}
.skin-togarashi .dx-hero h1 em{color:#ffe066;font-style:normal}
.skin-togarashi .dx-hero .dx-lead{color:rgba(255,255,255,.88)}
.skin-togarashi .dx-hero .tag{color:#fff;border-color:rgba(255,255,255,.7)}
.skin-togarashi .dx-app{border:2px solid #c1121f;border-radius:14px;box-shadow:0 8px 0 #c1121f}
.skin-togarashi .opts button{border-radius:10px;border-color:#f3c9b8}
.skin-togarashi .opts button .k{color:#c1121f}
.skin-togarashi .opts button.sel{background:#fff0e6;border-color:#c1121f}
.skin-togarashi .pbar i{background:linear-gradient(90deg,#ffb703,#e85d04,#c1121f)}
.skin-togarashi .btn{border-radius:10px}
.skin-togarashi .res-head{background:#fff;border:2px solid #c1121f}
.chili-hot{font-size:34px;letter-spacing:.06em;line-height:1.4;margin-top:8px}
.chili-gap{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}
.chili-gap div{border:1px solid var(--line);border-radius:10px;padding:8px;text-align:center;background:var(--panel)}
.chili-gap span{display:block;font-size:12px;color:var(--muted)}
.chili-gap b{font-size:18px;letter-spacing:.04em}

/* ---------- 毒のある生物：怪しい標本室 ---------- */
.skin-doku{--bg:#0e0a1a;--panel:#171128;--panel2:#211837;--line:#33285a;--text:#efeaff;--muted:#a79fc8;--head-font:"DotGothic16","Noto Sans JP",sans-serif}
.skin-doku main{background-image:radial-gradient(circle at 15% 10%,rgba(112,72,232,.22),transparent 40%),radial-gradient(circle at 90% 60%,rgba(130,201,30,.12),transparent 35%)}
.skin-doku .dx-hero::after{content:"☠";position:absolute;right:6px;top:-10px;font-size:46px;color:#82c91e;opacity:.18;pointer-events:none}
.skin-doku .dx-hero h1 em{color:#a9e34b}
.skin-doku .dx-app{border:1px solid #4b3a86;border-radius:12px;box-shadow:0 0 0 4px rgba(112,72,232,.12),0 0 40px rgba(130,201,30,.08)}
.skin-doku .opts button{border-radius:10px;background:#171128}
.skin-doku .opts button .k{color:#a9e34b}
.skin-doku .opts button.sel{background:rgba(130,201,30,.1);border-color:#82c91e;box-shadow:inset 0 0 0 1px #82c91e}
.skin-doku .pbar i{background:repeating-linear-gradient(90deg,#82c91e 0 10px,#7048e8 10px 20px)}
.skin-doku .res-head{background:linear-gradient(180deg,rgba(112,72,232,.18),transparent);border-color:#4b3a86}
.skin-doku .card{border-radius:12px}