.hp-hero[data-v-f8add39b]{background:linear-gradient(135deg,#eef3fb,#f6f2ec);border-radius:18px;align-items:flex-start;gap:22px;margin:14px 0 26px;padding:26px 28px;display:flex}.hp-hero h1[data-v-f8add39b]{margin:2px 0 10px;font:700 40px/1.15 Georgia,Times New Roman,serif}.hp-hero p[data-v-f8add39b]{color:#3d3d3d;max-width:820px;margin:0;font-size:19px;line-height:1.55}.hp-popular[data-v-f8add39b]{margin:0 0 30px}.hp-popular h2[data-v-f8add39b]{margin:0 0 12px;font:700 24px/1.25 Georgia,Times New Roman,serif}.hp-popular ul[data-v-f8add39b]{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.hp-popular a[data-v-f8add39b]{text-wrap:balance;box-sizing:border-box;border:1px solid #e6e0d6;border-left:6px solid var(--tone);color:#1f1f1f;background:#fff;border-radius:14px;align-items:center;gap:14px;height:100%;padding:14px 18px;font-size:17px;font-weight:600;line-height:1.35;text-decoration:none;display:flex}.hp-popular a[data-v-f8add39b]:hover{background:color-mix(in srgb,var(--tone) 18%,#fff)}.hp-parts[data-v-f8add39b]{grid-template-columns:repeat(auto-fill,minmax(440px,1fr));gap:20px;margin:0 0 28px;display:grid}.hp-part[data-v-f8add39b]{border:1px solid #e6e0d6;border-top:6px solid var(--tone);background:#fff;border-radius:14px;padding:18px 22px 14px}.hp-part header[data-v-f8add39b]{align-items:center;gap:12px;margin:0 0 8px;display:flex}.hp-part h2[data-v-f8add39b]{margin:0;font:700 23px/1.25 Georgia,Times New Roman,serif}.hp-part h2 a[data-v-f8add39b]{color:inherit;text-decoration:none}.hp-part h2 a[data-v-f8add39b]:hover{text-decoration:underline}.hp-part ul[data-v-f8add39b]{margin:0;padding:0;list-style:none}.hp-part li[data-v-f8add39b]{text-wrap:pretty;border-top:1px solid #f0ebe3;padding:8px 0 8px 18px;font-size:17px;line-height:1.4;position:relative}.hp-part li[data-v-f8add39b]:before{content:"›";color:color-mix(in srgb,var(--tone) 70%,#333);font-weight:700;position:absolute;top:7px;left:2px}.hp-part li a[data-v-f8add39b]{color:#2f5aa8;text-decoration:none}.hp-part li a[data-v-f8add39b]:hover{text-decoration:underline}@media (width<=640px){.hp-hero[data-v-f8add39b]{gap:14px;padding:20px 18px}.hp-hero h1[data-v-f8add39b]{font-size:30px}.hp-hero p[data-v-f8add39b]{font-size:17px}.hp-parts[data-v-f8add39b],.hp-popular ul[data-v-f8add39b]{grid-template-columns:1fr}}