.diag-page{width:min(1120px,100%);margin:0 auto;padding:22px 16px 44px}.diag-hero{text-align:center;margin-bottom:14px}.diag-kicker{letter-spacing:.14em;color:#0f172a;opacity:.75;margin:0 0 8px;font-size:12px;font-weight:800}.diag-title{color:#0f172a;letter-spacing:.02em;margin:0;font-size:clamp(28px,3.6vw,42px);line-height:1.15}.diag-actions{margin-top:10px}.diag-link{color:#1d4ed8;align-items:center;gap:8px;font-size:13px;font-weight:800;text-decoration:none;display:inline-flex}.diag-card{background:#fff;border:1px solid #94a3b847;border-radius:18px;margin-top:14px;padding:16px;box-shadow:0 10px 30px #0f172a0f}.diag-h2{text-align:center;color:#0f172a;margin:0 0 12px;font-size:24px;font-weight:900}.diag-qgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.diag-q{background:linear-gradient(#fff 0%,#f8fafc 100%);border:1px solid #94a3b840;border-radius:16px;padding:12px}.diag-qTitle{color:#0f172a;margin:0 0 10px;font-size:13px;font-weight:900}.diag-qOptions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.diag-opt{-webkit-appearance:none;appearance:none;color:#0f172a;cursor:pointer;background:#ffffffe6;border:1px solid #94a3b859;border-radius:9999px;padding:8px 12px;font-size:13px;font-weight:900;transition:transform .14s,border-color .14s,background .14s}.diag-opt:hover{background:#eff6ffe6;border-color:#3b82f673;transform:translateY(-1px)}.diag-optActive{box-shadow:0 8px 18px #2563eb29;color:#1d4ed8!important;background:#2563eb1a!important;border-color:#2563ebb3!important}.diag-result{border-top:1px solid #94a3b840;margin-top:14px;padding-top:14px}.diag-resultGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.diag-reco{background:#fff;border:1px solid #94a3b840;border-radius:16px;padding:14px;position:relative;overflow:hidden}.diag-recoTitle{color:#0f172a;margin:0 0 6px;font-size:16px;font-weight:1000}.diag-recoDesc{color:#000;margin:0;font-size:13px;line-height:1.8}.diag-recoHint{color:#000;background:#f8fafccc;border:1px dashed #94a3b873;border-radius:12px;margin:8px 0 0;padding:8px 10px;font-size:12px;line-height:1.7}.diag-typeBadge{color:#334155;z-index:2;background:#f8fafce6;border:1px solid #94a3b866;border-radius:9999px;margin-bottom:8px;padding:4px 10px;font-size:11px;font-weight:900;display:inline-block;position:relative}.diag-recoReason{color:#1d4ed8;z-index:2;margin:6px 0 0;font-size:12.5px;font-weight:800;line-height:1.7;position:relative}.diag-ctaRow{z-index:2;flex-wrap:wrap;gap:8px;margin-top:12px;display:flex;position:relative}.diag-go{color:#0f172a;background:#fff;border:1px solid #94a3b859;border-radius:12px;justify-content:center;align-items:center;padding:10px 12px;font-size:13px;font-weight:1000;text-decoration:none;transition:transform .14s,background .14s;display:inline-flex}.diag-go:hover{background:#f8fafc;transform:translateY(-1px)}.diag-goPrimary{color:#0f4c81;background:#bae6fd40;border-color:#38bdf88c}.diag-goPrimary:hover{background:#bae6fd73}.diag-closeHint{color:#1d4ed8;text-align:center;background:#eff6ff99;border:1px dashed #2563eb59;border-radius:12px;margin:14px 0 0;padding:10px 14px;font-size:13px;font-weight:800;line-height:1.7}.diag-guidance{color:#475569;text-align:center;margin:12px 0 0;font-size:13px;font-weight:700;line-height:1.8}.diag-disclaimer,.diag-footnote{color:#64748b;margin:10px 0 0;font-size:12px;line-height:1.7}.diag-footnote{text-align:center}@keyframes glowPulseGold{0%{opacity:.4}50%{opacity:.7}to{opacity:.4}}@keyframes glowPulseSilver{0%{opacity:.35}50%{opacity:.6}to{opacity:.35}}.diag-recoPrimary{background:linear-gradient(#facc1538 0%,#fff 68%);border:2px solid #eab308c7;box-shadow:0 22px 48px #eab30838,0 0 0 4px #facc151a}.diag-recoPrimary:before{content:"";filter:blur(10px);opacity:.5;pointer-events:none;background:radial-gradient(circle at 30% 20%,#facc158c,#0000 55%),radial-gradient(circle at 70% 40%,#ffffff80,#0000 55%);border-radius:24px;animation:2.4s ease-in-out infinite glowPulseGold;position:absolute;inset:-12px}.diag-recoPrimary:after{content:"1位";color:#92400e;background:#facc1540;border:1px solid #eab308b3;border-radius:9999px;padding:6px 10px;font-size:12px;font-weight:1000;position:absolute;top:10px;right:10px}.diag-recoSecondary{background:linear-gradient(#94a3b829 0%,#fff 70%);border:2px solid #94a3b8c7;box-shadow:0 18px 40px #94a3b82e,0 0 0 4px #94a3b81a}.diag-recoSecondary:before{content:"";filter:blur(10px);opacity:.45;pointer-events:none;background:radial-gradient(circle at 30% 20%,#94a3b880,#0000 55%),radial-gradient(circle at 70% 40%,#ffffff8c,#0000 55%);border-radius:24px;animation:2.8s ease-in-out infinite glowPulseSilver;position:absolute;inset:-12px}.diag-recoSecondary:after{content:"2位";color:#334155;background:#94a3b82e;border:1px solid #94a3b8bf;border-radius:9999px;padding:6px 10px;font-size:12px;font-weight:1000;position:absolute;top:10px;right:10px}.cmp{margin-top:2px}.cmp-head{display:block}.cmp-title{margin-bottom:6px}.cmp-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.cmp-card{-webkit-appearance:none;appearance:none;text-align:left;cursor:pointer;background:linear-gradient(#fff 0%,#f8fafc 100%);border:1px solid #94a3b847;border-radius:16px;padding:12px;transition:transform .14s,border-color .14s,box-shadow .14s,filter .14s,opacity .14s;position:relative;overflow:hidden;box-shadow:0 10px 22px #0f172a0d}.cmp-card:hover{border-color:#3b82f659;transform:translateY(-1px);box-shadow:0 14px 28px #0f172a14}.cmp-cardDisabled{opacity:.45;filter:grayscale();cursor:not-allowed;box-shadow:none!important;transform:none!important}.cmp-card:disabled{pointer-events:none}.cmp-cardOn{background:linear-gradient(#eff6fff2 0%,#fff 70%);border-color:#2563eb8c;box-shadow:0 18px 36px #2563eb1f}.cmp-cardTop{justify-content:space-between;align-items:center;gap:10px;display:flex}.cmp-cardTopLeft{align-items:center;gap:8px;min-width:0;display:inline-flex}.cmp-pill{color:#0f172a;z-index:2;background:#ffffffe6;border:1px solid #94a3b859;border-radius:9999px;align-items:center;padding:5px 10px;font-size:11px;font-weight:1000;display:inline-flex;position:relative}.cmp-pill-blue{background:#2563eb14;border-color:#2563eb59}.cmp-pill-indigo{background:#4f46e514;border-color:#4f46e559}.cmp-pill-violet{background:#7c3aed14;border-color:#7c3aed59}.cmp-pill-green{background:#16a34a14;border-color:#16a34a59}.cmp-pill-orange{background:#f9731614;border-color:#f9731659}.cmp-pill-teal{background:#0d948814;border-color:#0d948859}.cmp-pill-amber{background:#d9770614;border-color:#d9770659}.cmp-check{color:#0f172a;z-index:2;background:#ffffffeb;border:1px solid #94a3b88c;border-radius:9999px;justify-content:center;align-items:center;width:22px;height:22px;font-size:13px;font-weight:1000;display:inline-flex;position:relative}.cmp-checkOn{color:#1d4ed8;background:#2563eb1f;border-color:#2563eba6}.cmp-cardMain{margin-top:10px}.cmp-cardTitle{color:#0f172a;font-size:14px;font-weight:1000}.cmp-cardDesc{color:#475569;margin-top:6px;font-size:12px;line-height:1.7}.cmp-cardFoot{margin-top:10px}.cmp-cardHint{color:#334155;background:#ffffffbf;border:1px dashed #94a3b873;border-radius:12px;padding:8px 10px;font-size:11px;line-height:1.7;display:block}.cmp-divider{background:#94a3b840;height:1px;margin:14px 0}.cmp-rank.isGold{border:2px solid #eab308bf;box-shadow:0 14px 30px #eab30829}.cmp-rank.isGold:before{content:"";filter:blur(10px);opacity:.32;pointer-events:none;background:radial-gradient(circle at 25% 20%,#facc158c,#0000 55%),radial-gradient(circle at 70% 40%,#ffffff8c,#0000 60%);border-radius:22px;position:absolute;inset:-12px}.cmp-rank.isSilver{border:2px solid #475569cc;box-shadow:0 14px 28px #47556924}.cmp-rank.isSilver:before{content:"";filter:blur(10px);opacity:.28;pointer-events:none;background:radial-gradient(circle at 25% 20%,#47556973,#0000 55%),radial-gradient(circle at 70% 40%,#ffffff8c,#0000 60%);border-radius:22px;position:absolute;inset:-12px}.cmp-medal{color:#0f172a;z-index:2;background:#ffffffe0;border:1px solid #94a3b880;border-radius:9999px;justify-content:center;align-items:center;padding:6px 10px;font-size:12px;font-weight:1000;display:inline-flex;position:relative}.cmp-medalGold{color:#7c2d12;background:#facc1538;border-color:#eab308b8}.cmp-medalSilver{color:#0f172a;background:#94a3b82e;border-color:#475569bf}.cmp-empty{text-align:center;background:#f8fafcf2;border:1px dashed #94a3b88c;border-radius:16px;padding:18px 14px}.cmp-emptyTitle{color:#0f172a;margin:0;font-weight:1000}.cmp-emptyDesc{color:#64748b;margin:8px 0 0;font-size:13px;font-weight:900;line-height:1.7}.cmp-tableOuter{border:1px solid #94a3b840;border-radius:14px;overflow:hidden}.cmp-tableWrap{background:#fff;max-height:70vh;overflow:auto}.cmp-table{border-collapse:collapse;table-layout:fixed;width:100%}.cmp-table th,.cmp-table td{text-align:left;vertical-align:top;border-bottom:1px solid #e2e8f0f2;padding:12px 10px}.cmp-table thead th{z-index:5;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#f8fafcfa;border-bottom:6px solid #0f172a40;position:sticky;top:0;box-shadow:0 10px 22px #0f172a1a}.cmp-thInner{z-index:2;justify-content:space-between;align-items:center;gap:10px;display:flex;position:relative}.cmp-thTitle{color:#0f172a;font-weight:1000}.cmp-thLink{color:#1d4ed8;white-space:nowrap;font-size:12px;font-weight:1000;text-decoration:none}.cmp-cell{z-index:2;gap:6px;display:grid;position:relative}.cmp-cellLabel{color:#0f172a;font-size:13px;font-weight:1000}.cmp-cellText{color:#334155;font-size:13px;font-weight:900;line-height:1.75}.cmp-table tbody tr:nth-child(2n) td{background:#dbeafe}.cmp-col.isGold:after,.cmp-col.isSilver:after{content:none!important}@keyframes colGlowGoldBox{0%{box-shadow:inset 2px 0 #eab308eb,inset -2px 0 #eab308eb}50%{box-shadow:inset 2px 0 #eab308eb,inset -2px 0 #eab308eb,0 0 14px #eab30838}to{box-shadow:inset 2px 0 #eab308eb,inset -2px 0 #eab308eb}}@keyframes colGlowSilverBox{0%{box-shadow:inset 2px 0 #475569f5,inset -2px 0 #475569f5}50%{box-shadow:inset 2px 0 #475569f5,inset -2px 0 #475569f5,0 0 14px #47556938}to{box-shadow:inset 2px 0 #475569f5,inset -2px 0 #475569f5}}.cmp-table tbody .cmp-col.isGold{z-index:1;animation:2.4s ease-in-out infinite colGlowGoldBox;position:relative}.cmp-table tbody .cmp-col.isSilver{z-index:1;animation:2.8s ease-in-out infinite colGlowSilverBox;position:relative}.cmp-table thead .cmp-col.isGold{z-index:10;position:sticky;top:0;box-shadow:inset 2px 0 #eab308eb,inset -2px 0 #eab308eb,inset 0 2px #eab308eb}.cmp-table thead .cmp-col.isSilver{z-index:10;position:sticky;top:0;box-shadow:inset 2px 0 #475569f5,inset -2px 0 #475569f5,inset 0 2px #475569f5}.cmp-table tbody tr:last-child .cmp-col.isGold{animation:2.4s ease-in-out infinite colGlowGoldBox;box-shadow:inset 2px 0 #eab308eb,inset -2px 0 #eab308eb,inset 0 -2px #eab308eb}.cmp-table tbody tr:last-child .cmp-col.isSilver{animation:2.8s ease-in-out infinite colGlowSilverBox;box-shadow:inset 2px 0 #475569f5,inset -2px 0 #475569f5,inset 0 -2px #475569f5}.cmp-table .cmp-col.isGold,.cmp-table .cmp-col.isSilver{filter:none!important}@media screen and (max-width:900px){.cmp-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.cmp-card{border-radius:14px;min-height:96px;padding:10px 8px}.cmp-cardTop{align-items:flex-start;gap:6px}.cmp-cardTopLeft{flex-wrap:wrap;gap:6px}.cmp-pill,.cmp-medal{padding:4px 8px;font-size:10px}.cmp-check{flex:none;width:20px;height:20px;font-size:12px}.cmp-cardMain{margin-top:8px}.cmp-cardTitle{font-size:13px;line-height:1.35}.cmp-cardDesc,.cmp-cardFoot,.cmp-cardHint{display:none!important}}@media screen and (max-width:430px){.diag-qgrid,.diag-resultGrid{grid-template-columns:1fr}.cmp-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cmp-card{min-height:92px}}