/* ==========================================================================
   PawJudge — 首页样式表
   作用域：所有规则都限定在 .pj-home 容器内，不会污染主题或其它页面。
   用法：全文贴进 GeneratePress 子主题的 style.css，或“自定义 > 附加 CSS”。
   ========================================================================== */

.pj-home {--pj-ink:#14201E; --pj-paper:#FBF9F5; --pj-forest:#0E3B36; --pj-forest-2:#17544D;
    --pj-clay:#B4441F; --pj-clay-dk:#8F3416; --pj-muted:#5E6B67; --pj-line:#E2DDD4;
    --pj-sand:#F2ECE1; --pj-sand-2:#E8DFD0; --pj-white:#fff;
    --pj-serif:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;
    --pj-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    --pj-wrap:1120px; }

/* --- reset + base typography (originally on body / *, re-scoped) --- */
.pj-home, .pj-home *, .pj-home *::before, .pj-home *::after {box-sizing:border-box; margin:0; padding:0 }
.pj-home {font-family:var(--pj-sans); font-size:17px; line-height:1.65; color:var(--pj-ink);
  background:var(--pj-paper); -webkit-font-smoothing:antialiased }
.pj-home a {color:var(--pj-forest-2);text-decoration:none;border-bottom:1px solid rgba(23,84,77,.3) }
.pj-home a:hover {color:var(--pj-clay);border-bottom-color:var(--pj-clay) }
.pj-home .wrap {max-width:var(--pj-wrap);margin:0 auto;padding:0 24px }
.pj-home h1, .pj-home h2, .pj-home h3 {font-family:var(--pj-serif);font-weight:600;line-height:1.2;letter-spacing:-.01em }
.pj-home .hero {padding:56px 0 44px;border-bottom:1px solid var(--pj-line);background:
    radial-gradient(900px 340px at 88% -10%, #EFE6D6 0%, transparent 62%) }
.pj-home .hero .wrap {display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:start }
.pj-home .eyebrow {display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--pj-clay);margin-bottom:18px }
.pj-home .eyebrow span {width:22px;height:1.5px;background:var(--pj-clay);display:block }
.pj-home h1 {font-size:clamp(33px,4.3vw,50px);color:var(--pj-forest);margin-bottom:18px }
.pj-home h1 em {font-style:normal;background:linear-gradient(180deg,transparent 66%,#E9D9B8 66%);padding:0 2px }
.pj-home .lede {font-size:18.5px;color:#3B4B47;max-width:33em;margin-bottom:22px }
.pj-home .trust {font-size:13.5px;color:var(--pj-muted);display:flex;gap:7px;align-items:flex-start;line-height:1.5 }
.pj-home .trust b {color:var(--pj-ink);font-weight:600 }
.pj-home .card {background:var(--pj-white);border:1px solid var(--pj-line);border-radius:14px;box-shadow:0 2px 4px rgba(20,32,30,.04),0 18px 40px -18px rgba(20,32,30,.16);overflow:hidden }
.pj-home .card-hd {background:var(--pj-forest);color:#EAF1EF;padding:15px 20px;display:flex;justify-content:space-between;align-items:center }
.pj-home .card-hd strong {font-size:14.5px;letter-spacing:.02em }
.pj-home .card-hd em {font-style:normal;font-size:12px;color:#9DBAB4;font-variant-numeric:tabular-nums }
.pj-home .card-bd {padding:20px }
.pj-home .step {margin-bottom:17px }
.pj-home .step-lb {font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--pj-muted);margin-bottom:8px;display:flex;gap:7px;align-items:center }
.pj-home .step-lb i {width:17px;height:17px;border-radius:50%;background:var(--pj-sand);color:var(--pj-forest);font-style:normal;display:grid;place-items:center;font-size:10.5px;font-weight:700 }
.pj-home .seg {display:grid;grid-template-columns:1fr 1fr;gap:9px }
.pj-home .seg button {border:1.5px solid var(--pj-line);background:var(--pj-white);border-radius:9px;padding:12px 8px;font:600 14.5px var(--pj-sans);color:var(--pj-ink);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:5px;transition:.14s }
.pj-home .seg button:hover {border-color:#B9C7C3 }
.pj-home .seg button[aria-pressed="true"] {border-color:var(--pj-forest);background:#F1F6F4;color:var(--pj-forest) }
.pj-home select {width:100%;border:1.5px solid var(--pj-line);background:var(--pj-white);border-radius:9px;padding:11px 12px;font:15px var(--pj-sans);color:var(--pj-ink);cursor:pointer;appearance:none;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%235E6B67' stroke-width='1.6' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat:no-repeat;background-position:right 13px center }
.pj-home select:focus {outline:2px solid #9BBDB6;outline-offset:1px }
.pj-home .go {width:100%;background:var(--pj-clay);color:#fff;border:0;border-radius:9px;padding:14px;font:600 15.5px var(--pj-sans);cursor:pointer;transition:.14s;margin-top:4px }
.pj-home .go:hover {background:var(--pj-clay-dk) }
.pj-home .card-ft {border-top:1px solid var(--pj-line);background:#FCFBF8;padding:11px 20px;font-size:12px;color:var(--pj-muted);display:flex;gap:6px;align-items:center }
.pj-home #result {display:none;padding:20px;border-top:1px solid var(--pj-line);background:#F1F6F4 }
.pj-home #result.on {display:block }
.pj-home .res-tag {display:inline-block;font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:4px 9px;border-radius:4px;margin-bottom:9px;background:var(--pj-clay);color:#fff }
.pj-home .res-tag.mid {background:#B77A1B }
.pj-home .res-tag.low {background:var(--pj-forest-2) }
.pj-home #result h4 {font-family:var(--pj-serif);font-size:19px;color:var(--pj-forest);margin-bottom:7px;font-weight:600 }
.pj-home #result p {font-size:14.5px;color:#3B4B47 }
.pj-home .res-note {font-size:12px;color:var(--pj-muted);margin-top:11px;padding-top:10px;border-top:1px dashed #C9D6D2 }
.pj-home .adzone {position:relative;margin:32px 0 }
.pj-home .adzone>.lbl {position:absolute;top:-7px;left:50%;transform:translateX(-50%);background:var(--pj-paper);padding:0 8px;font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:#A39C8D;z-index:2 }
.pj-home .ad-a {display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;
    background:linear-gradient(105deg,#0F3348 0%,#1A6485 52%,#2080A8 100%);
    border-radius:9px;padding:15px 26px;color:#fff;position:relative;overflow:hidden;min-height:96px }
.pj-home .ad-a:after {content:"";position:absolute;right:-60px;top:-90px;width:260px;height:260px;border-radius:50%;background:rgba(255,255,255,.06) }
.pj-home .ad-a:before {content:"";position:absolute;right:120px;bottom:-120px;width:200px;height:200px;border-radius:50%;background:rgba(255,255,255,.045) }
.pj-home .ad-a .mark {width:47px;height:47px;border-radius:12px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.26);
    display:grid;place-items:center;font:600 14px var(--pj-serif);letter-spacing:.02em;flex:none;position:relative;z-index:1 }
.pj-home .ad-a .txt {position:relative;z-index:1 }
.pj-home .ad-a h5 {font:650 17px var(--pj-sans);margin-bottom:3px;letter-spacing:-.01em }
.pj-home .ad-a p {font-size:13px;color:#BFDCEB;line-height:1.45 }
.pj-home .ad-a .cta {background:#fff;color:#0F3348;border-radius:7px;padding:10px 20px;font:650 13.5px var(--pj-sans);white-space:nowrap;position:relative;z-index:1 }
.pj-home .ad-b {display:grid;grid-template-columns:.78fr 1.22fr;background:#F3EADA;border-radius:9px;overflow:hidden;min-height:212px }
.pj-home .ad-b .art {background:linear-gradient(150deg,#D9C39C 0%,#C4A876 100%);display:grid;place-items:center;position:relative;overflow:hidden }
.pj-home .ad-b .art:after {content:"";position:absolute;width:230px;height:230px;border-radius:50%;background:rgba(255,255,255,.18);left:-70px;bottom:-90px }
.pj-home .ad-b .art b {font:600 74px/1 var(--pj-serif);color:#4A3520;letter-spacing:-.04em;position:relative;z-index:1 }
.pj-home .ad-b .art span {display:block;text-align:center;font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;color:#6B4E2E;margin-top:4px;position:relative;z-index:1 }
.pj-home .ad-b .body {padding:28px 32px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start }
.pj-home .ad-b .brand {font:700 11px var(--pj-sans);letter-spacing:.18em;text-transform:uppercase;color:#96784A;margin-bottom:10px }
.pj-home .ad-b h5 {font-family:var(--pj-serif);font-size:25px;line-height:1.22;color:#2E2417;margin-bottom:10px;letter-spacing:-.01em }
.pj-home .ad-b p {font-size:14px;color:#5A4A33;line-height:1.55;max-width:31em;margin-bottom:16px }
.pj-home .ad-b .cta {background:#2E2417;color:#F7F1E6;border-radius:7px;padding:11px 22px;font:650 13.5px var(--pj-sans) }
.pj-home .ad-native {background:#fff;border:1px solid var(--pj-line);border-radius:11px;padding:18px;min-height:158px;display:flex;flex-direction:column;position:relative;
    box-shadow:inset 0 3px 0 #EFE7D8 }
.pj-home .ad-native .sp {font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:#A39C8D;margin-bottom:9px }
.pj-home .ad-native h3 {font-family:var(--pj-sans);font-size:17.5px;font-weight:650;color:var(--pj-forest);margin-bottom:6px;letter-spacing:-.01em }
.pj-home .ad-native p {font-size:13.5px;color:#4C5B57;line-height:1.55;flex:1 }
.pj-home .ad-native .meta {font-size:11.5px;color:var(--pj-muted);margin-top:12px;padding-top:10px;border-top:1px solid #F0ECE3;display:flex;justify-content:space-between }
.pj-home .ad-native .meta b {color:var(--pj-forest);font-weight:650 }
.pj-home section {padding:44px 0 }
.pj-home .sec-hd {display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:22px;border-bottom:1px solid var(--pj-line);padding-bottom:13px }
.pj-home .sec-hd h2 {font-size:clamp(22px,2.6vw,29px);color:var(--pj-forest) }
.pj-home .sec-hd p {font-size:13.5px;color:var(--pj-muted);margin-top:5px }
.pj-home .sec-hd a {font-size:13.5px;white-space:nowrap;border:0;font-weight:600 }
.pj-home .grid3 {display:grid;grid-template-columns:repeat(3,1fr);gap:15px }
.pj-home .tile {background:var(--pj-white);border:1px solid var(--pj-line);border-radius:11px;padding:18px 18px 15px;transition:.16s;display:flex;flex-direction:column;min-height:158px }
.pj-home .tile:hover {border-color:#C4BFAF;box-shadow:0 10px 26px -16px rgba(20,32,30,.3);transform:translateY(-2px) }
.pj-home .tile h3 {font-size:17.5px;color:var(--pj-forest);margin-bottom:6px;font-family:var(--pj-sans);font-weight:650;letter-spacing:-.01em }
.pj-home .tile p {font-size:13.5px;color:#4C5B57;line-height:1.55;flex:1 }
.pj-home .tile .meta {font-size:11.5px;color:var(--pj-muted);margin-top:12px;padding-top:10px;border-top:1px solid #F0ECE3;display:flex;justify-content:space-between;gap:8px }
.pj-home .dot {display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px;vertical-align:1px }
.pj-home .grid4 {display:grid;grid-template-columns:repeat(4,1fr);gap:14px }
@media(max-width:980px) {.pj-home .grid4 {grid-template-columns:1fr 1fr } }
@media(max-width:560px) {.pj-home .grid4 {grid-template-columns:1fr } }
.pj-home .costbox {display:grid;grid-template-columns:1.25fr .75fr;gap:34px;align-items:start }
.pj-home table {width:100%;border-collapse:collapse;font-size:14.5px }
.pj-home th {text-align:left;font:700 11.5px var(--pj-sans);letter-spacing:.09em;text-transform:uppercase;color:var(--pj-muted);padding:0 0 9px;border-bottom:1.5px solid var(--pj-ink) }
.pj-home td {padding:11px 0;border-bottom:1px solid var(--pj-line);vertical-align:top }
.pj-home td:last-child {text-align:right;font-variant-numeric:tabular-nums;font-weight:600;color:var(--pj-forest);white-space:nowrap }
.pj-home tr:last-child td {border-bottom:0 }
.pj-home .src {font-size:12px;color:var(--pj-muted);line-height:1.6;margin-top:14px;padding-top:12px;border-top:1px solid var(--pj-line) }
.pj-home .src b {color:var(--pj-ink) }
.pj-home .pull {background:var(--pj-sand);border-radius:11px;padding:22px;border-left:3px solid var(--pj-clay) }
.pj-home .pull h3 {font-size:18px;color:var(--pj-forest);margin-bottom:9px }
.pj-home .pull p {font-size:14.5px;color:#3B4B47 }
.pj-home .pull ul {list-style:none;margin-top:14px;font-size:14px }
.pj-home .pull li {padding:7px 0 7px 20px;position:relative;border-top:1px solid #E1D7C5 }
.pj-home .pull li:before {content:"";position:absolute;left:2px;top:15px;width:6px;height:6px;border-radius:50%;background:var(--pj-clay) }
.pj-home .pull li:first-child {border-top:0 }
.pj-home .policy {background:var(--pj-forest);color:#DCE7E4;padding:48px 0;margin-top:20px }
.pj-home .policy .wrap {display:grid;grid-template-columns:repeat(3,1fr);gap:38px }
.pj-home .policy h3 {color:#fff;font-size:16.5px;font-family:var(--pj-sans);font-weight:650;margin-bottom:9px;display:flex;gap:8px;align-items:center }
.pj-home .policy p {font-size:14px;color:#AFC6C1;line-height:1.62 }
.pj-home .policy .num {font-family:var(--pj-serif);font-size:13px;color:#7FA39C;border:1px solid #3A6A64;width:23px;height:23px;border-radius:50%;display:grid;place-items:center;flex:none }
@media(max-width:900px) {.pj-home .hero .wrap, .pj-home .costbox {grid-template-columns:1fr;gap:34px }
.pj-home .grid3 {grid-template-columns:1fr 1fr }
.pj-home .policy .wrap {grid-template-columns:1fr;gap:24px }
}
@media(max-width:560px) {.pj-home {font-size:16.5px }
.pj-home .grid3 {grid-template-columns:1fr }
.pj-home .hero {padding:36px 0 32px }
}
