*{box-sizing:border-box}body{margin:0;background:#f7faff;color:#17243a;font:16px/1.65 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}a{text-decoration:none;color:inherit}header{height:74px;background:#fff;border-bottom:1px solid #e1e9f1}.nav{max-width:1180px;height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{font-size:22px;font-weight:800;color:#4f46e5;letter-spacing:-.04em}.nav nav{display:flex;gap:29px}.nav nav a{font:650 14px -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:#63738a}.nav nav a:hover{color:#4f46e5}.hero{text-align:center;padding:74px 20px 62px;background:linear-gradient(180deg,#fff,#f7faff)}.hero p{margin:0;color:#7770d5;font-size:12px;font-weight:800;letter-spacing:.12em}.hero h1{margin:9px 0 14px;font-size:42px;letter-spacing:-.055em}.hero div{max-width:680px;margin:auto;color:#65768d}main{max-width:1180px;margin:auto;padding:18px 0 76px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 258px;gap:38px}.cards{display:grid;gap:18px}.rank-card{position:relative;padding:27px 30px;background:#fff;border:1px solid #dce5ef;border-radius:18px;display:flex;align-items:center;justify-content:space-between;gap:22px;box-shadow:0 5px 14px #183a5c0a}.top{position:absolute;top:0;left:0;padding:7px 15px;background:#435166;color:#fff;border-radius:17px 0 10px 0;font-size:12px;font-weight:800}.rank-card:nth-child(1) .top{background:#ef4444}.rank-card:nth-child(2) .top{background:#eab308}.rank-card:nth-child(3) .top{background:#f97316}.rank-main{display:flex;gap:19px;align-items:center;min-width:0}.rank-main img{width:58px;height:58px;object-fit:contain;border-radius:12px;background:#f5f7fb;padding:6px}.rank-main h2{margin:0;font-size:23px}.stars{margin:1px 0;color:#edb61d;letter-spacing:1px}.rank-label{margin:2px 0;color:#6a7b91;font-size:13px}.rank-desc{margin:4px 0 0;color:#697b91;font-size:13px;line-height:1.55;max-width:580px}.rank-actions{display:flex;gap:10px;white-space:nowrap}.rank-actions a{padding:10px 16px;border:1px solid #d8e2ed;border-radius:8px;font-weight:750;font-size:14px}.rank-actions .official{color:#fff;background:#4f46e5;border-color:#4f46e5}aside{position:sticky;top:22px;height:max-content;padding:22px;background:#fff;border:1px solid #dce5ef;border-radius:16px}aside h3{margin:0 0 12px;font-size:19px}.rank-index{max-height:none;overflow:visible;padding-right:0}.rank-index a,aside>a{display:block;padding:5px 0;color:#64758c;font-size:13px}.rank-index a:hover,aside>a:hover{color:#4f46e5}aside hr{border:0;border-top:1px solid #e3eaf2;margin:14px 0}.more{display:block;text-align:center;padding:15px;border-radius:10px;background:#4f46e5;color:white;font-weight:800;margin-top:4px}footer{padding:38px max(24px,calc((100% - 1180px)/2));border-top:1px solid #e1e9f1;background:#fff;color:#718197;font-size:14px}footer b{display:block;color:#1d2b41;font-size:18px;margin-bottom:5px}@media(max-width:760px){header{height:auto}.nav{padding:15px 17px;display:block}.nav nav{margin-top:11px;gap:14px;overflow:auto}.nav nav a{white-space:nowrap}.hero{padding:52px 18px}.hero h1{font-size:31px}.layout{grid-template-columns:1fr;padding:0 16px}.rank-card{display:block;padding:28px 21px 20px}.rank-actions{margin-top:15px}.rank-actions a{flex:1;text-align:center}.rank-desc{font-size:12px}.rank-main img{width:52px;height:52px}aside{position:static}.rank-index{max-height:none;overflow:visible}main{padding-bottom:52px}}


/* home-guide-hero: 20260825 */
.hero.hero-guide{max-width:1120px;margin:0 auto;padding:76px 26px 68px;text-align:center;background:transparent}
.hero-guide__eyebrow{margin:0 0 18px;color:#6172d8;font-size:14px;font-weight:700;letter-spacing:.08em}
.hero.hero-guide h1{max-width:920px;margin:0 auto;color:#4f46e5;font-size:clamp(32px,4.3vw,54px);line-height:1.2;letter-spacing:-.035em;font-weight:800;background:linear-gradient(100deg,#4f46e5 0%,#6846dc 47%,#d447ba 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hero.hero-guide h1 span{white-space:nowrap}
.hero-guide__summary{max-width:780px;margin:24px auto 0;color:#667893;font-size:17px;line-height:1.85}
.hero-guide__cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:56px;margin-top:30px;padding:0 28px;border:1px solid #5146e5;border-radius:12px;background:#5146e5;color:#fff;font-weight:750;text-decoration:none;box-shadow:0 12px 24px rgba(79,70,229,.2);transition:transform .18s ease,box-shadow .18s ease}
.hero-guide__cta:hover{transform:translateY(-2px);box-shadow:0 16px 30px rgba(79,70,229,.28)}
@media (max-width:700px){.hero.hero-guide{padding:54px 20px 48px}.hero-guide__eyebrow{margin-bottom:14px;font-size:12px}.hero.hero-guide h1{font-size:clamp(29px,8vw,40px);line-height:1.27;letter-spacing:-.03em}.hero.hero-guide h1 span{display:block;margin-top:4px}.hero-guide__summary{margin-top:18px;font-size:15px;line-height:1.8}.hero-guide__cta{width:100%;max-width:320px;min-height:52px;margin-top:25px}}


/* home-guide-summary-alignment: 20260825 */
.hero.hero-guide .hero-guide__summary{display:block;width:min(900px,calc(100% - 40px));max-width:900px;margin:26px auto 0;text-align:center;color:#667893;font-size:20px;font-weight:600;line-height:1.75;letter-spacing:.01em}
@media (max-width:700px){.hero.hero-guide .hero-guide__summary{width:auto;max-width:620px;margin:20px auto 0;font-size:16px;font-weight:600;line-height:1.8}}

/* ai-tools mobile navigation: 20260826 */
@media(max-width:760px){.nav nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 10px;overflow:visible}.nav nav a{min-width:0;text-align:center}}
@media(max-width:360px){.nav nav{grid-template-columns:repeat(3,minmax(0,1fr))}}