.recommendPage{color:#20202b;box-sizing:border-box;background:linear-gradient(#f8f7ff 0%,#fff 42%);min-height:100vh;padding:30px 24px 110px}.recommendPage>*{max-width:1160px;margin-left:auto;margin-right:auto}.back{color:#5d55a8;margin-bottom:34px;font-weight:800;text-decoration:none;display:inline-flex}.recommendHero{text-align:center;margin-bottom:34px}.recommendHero>span,.results .resultHead>div>span{letter-spacing:.13em;color:#7569d8;font-size:12px;font-weight:900}.recommendHero h1{letter-spacing:-.055em;margin:14px 0;font-size:52px;line-height:1.12}.recommendHero h1 b{color:#6655d5}.recommendHero p{color:#777487;margin:0;font-size:16px}.conditionCard{background:#fff;border:1px solid #ebe8f6;border-radius:28px;padding:28px;box-shadow:0 18px 55px #352a6f14}.conditionBlock+.conditionBlock{border-top:1px solid #eeeef4;margin-top:22px;padding-top:22px}.conditionBlock label{margin-bottom:12px;font-size:15px;font-weight:850;display:block}.choiceGrid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.choiceGrid button,.pills button{font:inherit;text-align:left;cursor:pointer;background:#faf9fd;border:1px solid #e7e4f0;border-radius:15px;padding:14px;transition:transform .18s,border-color .18s,box-shadow .18s}.choiceGrid button:hover,.pills button:hover{border-color:#c9c1ed;transform:translateY(-1px)}.choiceGrid button strong,.choiceGrid button small{display:block}.choiceGrid button small{color:#85818f;margin-top:5px;font-size:12px;line-height:1.4}.choiceGrid button.active,.pills button.active{background:#f1efff;border-color:#7567df;box-shadow:0 5px 18px #6756d71f}.pills{flex-wrap:wrap;gap:8px;display:flex}.pills button{text-align:center;padding:10px 16px}.results{margin-top:48px}.resultHead{justify-content:space-between;align-items:end;margin-bottom:18px;display:flex}.resultHead h2{letter-spacing:-.035em;margin:7px 0 0;font-size:28px}.resultHead em{color:#8b8793;font-size:13px;font-style:normal}.resultCard{background:#fff;border:1px solid #e9e7f0;border-radius:22px;grid-template-columns:64px minmax(0,1fr) 150px;align-items:center;gap:20px;margin:12px 0;padding:22px;display:grid;box-shadow:0 8px 28px #2019430b}.resultCard.best{border-color:#bbb1f1;box-shadow:0 12px 36px #604fbe21}.rank{color:#776bd1;font-size:12px;font-weight:900}.resultTitle{justify-content:space-between;align-items:center;gap:20px;display:flex}.resultTitle h3{margin:0;font-size:20px}.resultTitle small{color:#8a8693;margin-top:4px;font-size:12px;font-weight:500;display:block}.resultTitle>strong{color:#6655d5;white-space:nowrap;font-size:25px}.resultTitle>strong small{color:#777;margin-left:2px;display:inline}.resultMain p{color:#686471;margin:10px 0;font-size:14px;line-height:1.55}.chips{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}.chips span{box-sizing:border-box;color:#666174;white-space:nowrap;background:#f5f3fb;border-radius:999px;justify-content:center;align-items:center;min-height:30px;padding:0 10px;font-size:11px;line-height:1;display:inline-flex}.resultActions button{color:#fff;cursor:pointer;background:#25232d;border:0;border-radius:12px;width:100%;padding:12px 8px;font-weight:850}.resultActions button:hover{transform:translateY(-1px)}@media (min-width:761px){.recommendPage .compareBar{z-index:70!important;box-sizing:border-box!important;border-radius:28px!important;justify-content:space-between!important;align-items:center!important;gap:40px!important;width:min(1240px,100% - 48px)!important;min-height:150px!important;padding:30px 36px!important;display:flex!important;position:fixed!important;bottom:24px!important;left:50%!important;right:auto!important;transform:translate(-50%)!important}.recommendPage .compareBarInfo{flex:1!important;min-width:0!important}.recommendPage .compareBarTitle{align-items:baseline!important;gap:14px!important;display:flex!important}.recommendPage .compareBarTitle strong{font-size:30px!important;line-height:1.2!important}.recommendPage .compareBarTitle span{font-size:18px!important}.recommendPage .compareBarHint{margin-top:8px!important;font-size:15px!important}.recommendPage .compareSelectedIcons{gap:8px!important;margin-top:12px!important;display:flex!important}.recommendPage .compareSelectedIcon{border-radius:12px!important;width:44px!important;height:44px!important}.recommendPage .compareSelectedIcon img{object-fit:contain!important;width:100%!important;height:100%!important;padding:7px!important}.recommendPage .compareBarActions{flex:none!important;align-items:center!important;gap:12px!important;display:flex!important}.recommendPage .compareBarActions button,.recommendPage .compareBarActions a{white-space:nowrap!important;border-radius:14px!important;justify-content:center!important;align-items:center!important;min-height:60px!important;padding:0 24px!important;font-size:16px!important;font-weight:900!important;line-height:1!important;display:inline-flex!important}.recommendPage .compareBarActions a{min-width:190px!important}}@media (max-width:760px){.recommendPage{padding:18px 14px 86px}.recommendPage>*{max-width:none}.back{margin-bottom:24px;font-size:14px}.recommendHero{text-align:left;margin-bottom:24px;padding:0 2px}.recommendHero h1{margin:11px 0;font-size:31px;line-height:1.18}.recommendHero p{font-size:14px;line-height:1.55}.conditionCard{border-radius:18px;padding:16px}.conditionBlock+.conditionBlock{margin-top:18px;padding-top:18px}.conditionBlock label{margin-bottom:10px;font-size:14px}.choiceGrid{grid-template-columns:1fr 1fr;gap:8px}.choiceGrid button{border-radius:13px;padding:12px 10px}.choiceGrid button strong{font-size:13px}.choiceGrid button small{font-size:11px}.pills{gap:7px}.pills button{padding:9px 11px;font-size:13px}.results{margin-top:32px}.resultHead{margin-bottom:13px;display:block}.resultHead h2{margin-top:6px;font-size:21px}.resultHead em{margin-top:7px;font-size:11px;display:block}.resultCard{border-radius:18px;margin:10px 0;padding:17px;display:block}.rank{margin-bottom:10px}.resultTitle{gap:10px}.resultTitle h3{font-size:18px}.resultTitle>strong{font-size:21px}.resultMain p{margin:10px 0;font-size:13px;line-height:1.6}.chips{align-items:center;gap:7px;margin-top:11px}.chips span{min-height:30px;padding:0 10px;font-size:10px}.resultActions{margin-top:16px}.resultActions button{padding:12px;line-height:1.2}.recommendHero>span,.results .resultHead>div>span{font-size:10px}}@media (max-width:390px){.recommendPage{padding-left:12px;padding-right:12px}.choiceGrid{grid-template-columns:1fr}.recommendHero h1{font-size:28px}.resultCard{padding:15px}.pills button{padding:8px 10px}.chips{gap:6px}.chips span{min-height:28px;padding:0 9px}}@media (max-width:760px){.recommendPage .compareBar{z-index:70!important;box-sizing:border-box!important;background:#fff!important;border-radius:24px!important;grid-template-rows:auto auto!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:6px 16px!important;width:auto!important;max-width:none!important;min-height:104px!important;padding:18px 20px!important;display:grid!important;position:fixed!important;bottom:10px!important;left:12px!important;right:12px!important;transform:none!important;box-shadow:0 16px 42px #281e5033!important}.recommendPage .compareBar strong{color:#20202b!important;font-size:19px!important;line-height:1.2!important}.recommendPage .compareNames{white-space:nowrap!important;color:#777181!important;grid-area:2/1!important;min-width:0!important;font-size:13px!important;display:block!important;overflow:hidden!important}.recommendPage .compareName{font-size:13px!important}.recommendPage .compareGo{color:#fff!important;text-align:center!important;white-space:nowrap!important;background:#6049cf!important;border-radius:16px!important;grid-area:1/2/span 2!important;justify-content:center!important;align-items:center!important;min-width:132px!important;height:56px!important;padding:0 18px!important;font-size:16px!important;font-weight:900!important;line-height:1!important;text-decoration:none!important;display:flex!important}.recommendPage{padding-bottom:192px!important}}html[data-theme=dark] .recommendPage .compareBar{color:#eeeaf3!important;background:#211e29!important;border:1px solid #7659d6!important;box-shadow:0 14px 38px #00000061!important}html[data-theme=dark] .recommendPage .compareBar strong{color:#eeeaf3!important}html[data-theme=dark] .recommendPage .compareNames{color:#aaa5b2!important}.recommendPage .conditionCard,.recommendPage .recommendResult,.recommendPage .resultCard,.recommendPage .topMatch,.recommendPage .recommendSearch,.recommendPage .recommendIntentSearch,.recommendPage .recommendResultGrid>article{border:0!important}.recommendPage .resultCard .resultActions .affiliateMiniBtn,.recommendPage .resultCard .resultActions .officialBtn{min-height:36px}html[data-theme=dark] .recommendPage .conditionCard,html[data-theme=dark] .recommendPage .recommendResult,html[data-theme=dark] .recommendPage .resultCard,html[data-theme=dark] .recommendPage .topMatch,html[data-theme=dark] .recommendPage .recommendSearch,html[data-theme=dark] .recommendPage .recommendIntentSearch,html[data-theme=dark] .recommendPage .recommendResultGrid>article{border:1px solid #7659d6!important}@media (max-width:760px){.recommendPage .compareGo{transform:translateY(3px)!important}.recommendPage .chips{justify-content:space-between!important;gap:10px 12px!important;width:100%!important}.recommendPage .chips span{flex:none!important}}
@media (min-width:761px){.recommendPage .compareBar{z-index:100!important;box-sizing:border-box!important;background:#fff!important;border-radius:26px!important;justify-content:space-between!important;align-items:center!important;gap:28px!important;width:min(1200px,100vw - 48px)!important;min-height:132px!important;padding:24px 28px!important;display:flex!important;position:fixed!important;bottom:22px!important;left:50%!important;right:auto!important;transform:translate(-50%)!important;box-shadow:0 18px 55px #231c4b33!important}.recommendPage .compareBarInfo{flex:auto!important;align-items:center!important;gap:20px!important;min-width:0!important;display:flex!important}.recommendPage .compareBarTitle{white-space:nowrap!important;align-items:baseline!important;gap:10px!important;display:flex!important}.recommendPage .compareBarTitle strong{color:#20202b!important;font-size:25px!important;line-height:1.1!important}.recommendPage .compareBarTitle span{color:#777181!important;font-size:14px!important;font-weight:800!important}.recommendPage .compareBarHint{color:#777181!important;white-space:nowrap!important;font-size:13px!important}.recommendPage .compareSelectedIcons{flex-wrap:nowrap!important;align-items:center!important;gap:8px!important;display:flex!important}.recommendPage .compareSelectedIcon{background:#f1eeff!important;border-radius:14px!important;place-items:center!important;width:48px!important;min-width:48px!important;height:48px!important;display:grid!important}.recommendPage .compareSelectedIcon img{object-fit:contain!important;width:32px!important;height:32px!important}.recommendPage .compareAddIcon{color:#6049cf!important;font-size:25px!important;font-weight:700!important}.recommendPage .compareBarActions{flex:none!important;align-items:center!important;gap:12px!important;display:flex!important}.recommendPage .compareBarActions .compareReset{color:#514c5b!important;background:#f3f1f7!important;border:0!important;border-radius:15px!important;min-width:120px!important;min-height:56px!important;padding:0 18px!important;font-size:14px!important;font-weight:900!important}.recommendPage .compareBarActions .compareGo{color:#fff!important;white-space:nowrap!important;background:#6049cf!important;border:0!important;border-radius:15px!important;justify-content:center!important;align-items:center!important;min-width:190px!important;min-height:56px!important;padding:0 24px!important;font-size:15px!important;font-weight:900!important;display:flex!important}html[data-theme=dark] .recommendPage .compareBar{color:#eeeaf3!important;background:#211e29!important;box-shadow:0 18px 55px #0000006b!important}html[data-theme=dark] .recommendPage .compareBarTitle strong{color:#eeeaf3!important}html[data-theme=dark] .recommendPage .compareBarTitle span,html[data-theme=dark] .recommendPage .compareBarHint{color:#aaa5b2!important}html[data-theme=dark] .recommendPage .compareSelectedIcon{background:#30285a!important}html[data-theme=dark] .recommendPage .compareBarActions .compareReset{color:#bdb7c7!important;background:#28242f!important}html[data-theme=dark] .recommendPage .compareBarActions .compareGo{color:#fff!important;background:#7055e8!important}}
@media (max-width:760px){.recommendPage .topMatchMain{grid-template-columns:minmax(0,1fr) minmax(190px,.9fr)!important;grid-template-areas:"label label""service chips""reason reason""disclosure disclosure"!important;align-items:center!important;gap:10px 18px!important;display:grid!important}.recommendPage .topMatchLabel{grid-area:label!important}.recommendPage .topMatchService{grid-area:service!important;align-items:center!important;min-width:0!important;display:flex!important}.recommendPage .topMatchMain>.chips{flex-wrap:wrap!important;grid-area:chips!important;justify-content:flex-end!important;align-items:center!important;gap:7px!important;width:100%!important;margin:0!important;display:flex!important}.recommendPage .topReason{grid-area:reason!important;margin:0!important}.recommendPage .affiliateDisclosure{grid-area:disclosure!important}.recommendPage .resultCard{grid-template-columns:minmax(0,1fr) minmax(150px,.8fr)!important;grid-template-areas:"service chips""reason reason""actions actions""disclosure disclosure"!important;align-items:center!important;gap:10px 14px!important;display:grid!important}.recommendPage .resultCard .resultServiceTop{grid-area:service!important;min-width:0!important}.recommendPage .resultCard>.chips{flex-wrap:wrap!important;grid-area:chips!important;justify-content:flex-end!important;align-items:center!important;gap:6px!important;width:100%!important;margin:0!important;display:flex!important}.recommendPage .resultCard .reason{grid-area:reason!important}.recommendPage .resultCard .resultActions{grid-area:actions!important}.recommendPage .resultCard .miniDisclosure{grid-area:disclosure!important}.recommendPage .resultCard .score{flex:none!important}.recommendPage .compareGo{box-sizing:border-box!important;vertical-align:middle!important;text-align:center!important;justify-content:center!important;align-items:center!important;height:56px!important;min-height:56px!important;padding:10px 14px 0!important;line-height:1!important;display:inline-flex!important;transform:none!important}.recommendPage .chips span{box-sizing:border-box!important;white-space:nowrap!important;flex:none!important;justify-content:center!important;align-items:center!important;height:30px!important;min-height:30px!important;margin:0!important;padding:0 9px!important;line-height:1!important;display:inline-flex!important}}@media (max-width:430px){.recommendPage .topMatchMain{grid-template-columns:minmax(0,1fr) minmax(150px,.9fr)!important;column-gap:10px!important}.recommendPage .resultCard{grid-template-columns:minmax(0,1fr) minmax(135px,.82fr)!important;column-gap:10px!important}.recommendPage .chips{gap:6px!important}.recommendPage .chips span{height:28px!important;min-height:28px!important;padding:0 8px!important}}