:root{--blue:#0868f8;--blue-deep:#0555dc;--ink:#17191d;--muted:#757b83;--line:#e9ecf1;--lime:#bbfa00;--yellow:#ffe653;--radius:24px;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",system-ui,sans-serif;color:var(--ink);scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;background:#f7f9fc}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.icon-defs{position:absolute;width:0;height:0;overflow:hidden}.site-shell{min-height:100vh;display:grid;grid-template-columns:230px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(165deg,#1179ff 0%,#0868f8 57%,#0058e2 100%);color:#fff;padding:28px 18px 24px;display:flex;flex-direction:column;overflow:hidden}.brand{text-align:center;display:flex;flex-direction:column;align-items:center;margin:10px 0 34px}.brand-tile{width:116px;height:104px;border-radius:28px;display:grid;place-items:center;background:#ffe44c;box-shadow:0 11px 0 #0755d1,0 20px 30px #0056ca44;transform:rotate(-4deg)}.brand-tile img{width:105%;height:105%;object-fit:contain}.brand-name{font-size:28px;font-weight:1000;letter-spacing:2px;margin-top:19px;text-shadow:2px 3px 0 #0050d1}.brand-en{font-size:10px;font-weight:800;letter-spacing:3.5px;margin-top:3px}.side-nav{display:grid;gap:10px}.nav-item{display:flex;align-items:center;gap:15px;font-size:17px;font-weight:800;padding:14px 16px;border-radius:16px;transition:background .2s,transform .2s}.nav-item:hover{background:#ffffff25;transform:translateX(2px)}.nav-item.active{color:#1d2025;background:var(--yellow);box-shadow:0 4px 0 #e2c324}.nav-item svg{width:24px;height:24px;flex:none}.sidebar-doodle{font-size:29px;line-height:1.02;font-weight:1000;letter-spacing:1px;color:#ffffff2a;transform:rotate(-12deg);margin:50px 0 20px 8px;pointer-events:none}.sidebar-doodle span{color:var(--yellow);font-size:40px}.side-bottom{margin-top:auto;border-top:1px solid #ffffff50;padding-top:22px;font-size:13px;letter-spacing:1px;color:#d7e7ff;display:flex;align-items:center;gap:8px}.side-bottom-dot{width:8px;height:8px;border-radius:50%;background:var(--yellow)}main{min-width:0}.topbar{height:74px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line);padding:0 clamp(24px,4vw,58px)}.topbar-caption{font-size:14px;color:#6d7888;font-weight:600}.topbar-actions{display:flex;align-items:center;gap:16px}.version-chip{background:#f2f7ff;border:1px solid #e3edff;border-radius:40px;padding:7px 12px;color:var(--blue);font-size:12px;font-weight:800}.topbar-cta{background:var(--blue);color:white;border-radius:13px;padding:11px 16px;display:flex;align-items:center;gap:6px;font-size:13px;font-weight:800;box-shadow:0 4px 0 #0052ce}.topbar-cta:hover{background:var(--blue-deep)}.topbar-cta svg{width:17px;height:17px}.topbar-mobile-brand,.menu-button{display:none}.content-wrap{max-width:1690px;margin:auto;padding:37px clamp(22px,3vw,50px) 0}.intro{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:25px}.eyebrow,.section-kicker{font-size:12px;letter-spacing:2px;font-weight:1000;color:var(--blue)}.eyebrow{display:flex;align-items:center;gap:7px}.eyebrow-dot{width:8px;height:8px;border-radius:50%;background:var(--lime);border:2px solid #1d211a}h1,h2,h3,p{margin-top:0}.intro h1{font-size:clamp(40px,4.1vw,64px);letter-spacing:-3px;line-height:1.15;margin:10px 0 8px;font-weight:1000}.intro p{color:var(--muted);font-size:16px;margin:0}.underline{position:relative;white-space:nowrap}.underline:after{content:"";position:absolute;left:1%;bottom:-8px;height:8px;width:98%;background:var(--yellow);border-radius:100%;transform:rotate(-3deg);z-index:-1}.intro-sticker{font-size:18px;font-weight:1000;line-height:1;transform:rotate(12deg);color:#a7b9d6;position:relative;margin-right:12px}.intro-sticker span{position:absolute;right:-17px;top:-15px;color:var(--blue);font-size:22px}.showcase{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(320px,.9fr);gap:20px;align-items:stretch}.hero-card{--hero-color:#bbfa00;position:relative;min-height:484px;background:var(--hero-color);border-radius:26px;overflow:hidden;isolation:isolate;padding:27px 32px;border:1px solid #e6f1af;box-shadow:0 8px 0 #e8edf3}.hero-card:after{content:"";position:absolute;right:-170px;top:-240px;width:640px;height:640px;border:2px solid #1d1d1d15;border-radius:50%;z-index:-1}.hero-background-type{position:absolute;right:5%;top:0;font-size:clamp(100px,12vw,190px);font-weight:1000;line-height:.83;letter-spacing:-10px;color:#23380014;text-align:right;transform:rotate(-7deg);z-index:-1;pointer-events:none}.hero-doodles span{position:absolute;color:#24300022;font-weight:1000;pointer-events:none}.doodle-a{left:47%;top:8%;font-size:52px}.doodle-b{left:54%;bottom:16%;font-size:56px}.doodle-c{right:3%;top:35%;font-size:76px}.doodle-d{right:11%;bottom:8%;font-size:39px}.hero-copy{position:relative;z-index:4;max-width:54%}.live-pill{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid #283316;border-radius:40px;padding:8px 12px;font-weight:850;font-size:12px;box-shadow:3px 3px 0 #222}.live-pill span{width:10px;height:10px;border-radius:50%;background:#39d46e;border:2px solid #101c16}.hero-kicker{margin-top:47px;font-size:11px;letter-spacing:2.4px;font-weight:1000;color:#364922}.hero-copy h2{font-size:clamp(36px,3.2vw,57px);letter-spacing:-2px;white-space:nowrap;font-weight:1000;margin:5px 0 13px;line-height:1.18}.hero-exclaim{display:inline-block;transform:rotate(15deg);color:var(--blue)}.hero-badges{display:flex;gap:7px;font-weight:900;font-size:13px}.hero-badges span{border-radius:30px;padding:7px 12px;background:var(--blue);color:white}.hero-badges .badge-white{background:white;color:#16181d}.hero-copy p{font-size:clamp(17px,1.55vw,23px);font-weight:1000;line-height:1.5;margin:23px 0 25px}.hero-buttons{display:flex;gap:10px;flex-wrap:wrap}.button{border:2px solid #151b22;border-radius:14px;padding:12px 17px;font-size:14px;font-weight:950;display:inline-flex;align-items:center;justify-content:center;gap:5px;box-shadow:3px 4px 0 #1a1a1a}.button:hover{transform:translateY(-2px)}.button:active{transform:translateY(2px);box-shadow:1px 1px 0 #1a1a1a}.button-blue{background:var(--blue);color:#fff;border-color:var(--blue)}.button-white{background:white}.button svg{width:17px;height:17px}.hero-art{position:absolute;right:-1%;bottom:-1%;height:89%;width:59%;z-index:2;pointer-events:none}.hero-art img{position:absolute;z-index:2;object-fit:contain;width:100%;height:94%;bottom:0;right:0;filter:drop-shadow(0 15px 10px #28460928);transition:transform .35s}.hero-art img.pet-bounce{animation:pet-bounce 1.05s ease-in-out}.hero-art img.pet-sleep{animation:pet-sleep 1.1s ease}.hero-halo{position:absolute;width:62%;aspect-ratio:1;right:13%;top:16%;border-radius:50%;background:#eaff91;filter:blur(32px);opacity:.6}.desktop-window{position:absolute;bottom:-52px;left:13%;right:7%;height:114px;background:linear-gradient(#459fff 0 27px,#fff 27px);border:4px solid #142334;border-radius:16px 16px 0 0;transform:rotate(-4deg);box-shadow:6px 7px 0 #131b1c}.desktop-window i{position:relative;top:7px;left:16px;margin-right:6px;display:inline-block;width:10px;height:10px;border-radius:50%;background:#ff8d58}.desktop-window i:nth-child(2){background:#ffe655}.desktop-window i:nth-child(3){background:#8bf040}.desktop-window span{display:block;margin:32px 0 0 16px;color:#999;font-size:10px}.hero-speech{position:absolute;z-index:3;right:4%;top:26px;background:#fff7b2;border:3px solid #171717;border-radius:22px;padding:11px 16px;transform:rotate(-7deg);font-size:14px;font-weight:950;line-height:1.4;box-shadow:4px 5px 0 #24300022}.hero-speech:after{content:"";position:absolute;right:20px;bottom:-15px;width:23px;height:23px;background:#fff7b2;border-right:3px solid #171717;border-bottom:3px solid #171717;transform:skew(12deg) rotate(45deg)}.hero-footer-label{position:absolute;bottom:18px;left:32px;font-size:10px;letter-spacing:2.6px;color:#354e1e99;font-weight:1000}.personality-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:26px;box-shadow:0 8px 0 #e8edf3;padding:25px 25px 23px;min-height:484px}.pin{position:absolute;top:-8px;left:49%;width:22px;height:25px;border-radius:5px;background:#ff7f44;box-shadow:2px 4px 0 #9d4f31;transform:rotate(8deg)}.card-topline{font-size:11px;font-weight:1000;letter-spacing:2px;color:#8f99a4;display:flex;justify-content:space-between}.topline-dots{color:#ffda36}.personality-card h3{font-size:23px;font-weight:1000;margin:18px 0 4px;letter-spacing:-1px}.personality-type{display:flex;align-items:baseline;gap:12px}.personality-type strong{font-size:clamp(43px,4vw,66px);color:var(--blue);line-height:1;font-weight:1000;letter-spacing:-2px}.personality-type span{font-size:14px;font-weight:900}.personality-card>p{font-size:12px;color:#9ca3aa;margin:9px 0 17px}.traits{display:grid;gap:13px}.traits label{display:grid;grid-template-columns:32px 1fr 32px;align-items:center;gap:8px;font-size:12px;font-weight:800;white-space:nowrap}.traits input{width:100%;accent-color:var(--blue);height:5px;cursor:pointer}.action-title{border-top:1px solid var(--line);padding-top:18px;margin-top:19px;font-weight:950;font-size:13px}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:11px}.action{border:1px solid #dfe5ed;border-radius:10px;background:#fff;padding:10px 6px;font-size:12px;font-weight:800}.action.active,.action:hover{border-color:var(--blue);background:#eaf2ff;color:var(--blue)}.personality-note{font-size:10px;color:#a1a8af;line-height:1.5;margin-top:11px}.friends-section,.how-section,.faq-section{scroll-margin-top:25px;margin-top:64px}.section-header{display:flex;justify-content:space-between;align-items:end;gap:12px;margin-bottom:20px}.section-header h2,.faq-section h2{font-size:clamp(29px,2.4vw,39px);font-weight:1000;margin:4px 0 4px;letter-spacing:-1.5px}.section-header p,.faq-section>div:first-child p{color:#7c858e;font-size:14px;margin:0}.yellow-burst{color:#ffce00;font-size:26px;display:inline-block;transform:rotate(15deg);margin-left:6px}.count-pill{font-size:12px;font-weight:900;border-radius:30px;background:var(--yellow);padding:9px 14px;white-space:nowrap}.pet-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.pet-card{position:relative;overflow:hidden;border:2px solid transparent;border-radius:23px;min-height:225px;text-align:left;padding:16px 18px;display:flex;flex-direction:column;align-items:flex-start;transition:transform .2s,box-shadow .2s}.pet-card:hover{transform:translateY(-5px)}.pet-card.selected{border-color:var(--blue);box-shadow:0 0 0 4px #dcebff}.pet-card-lime{background:#e8f99d}.pet-card-lavender{background:#e6e3ff}.pet-card-peach{background:#dcf7e5}.pet-card-tag{font-size:11px;font-weight:900;background:#ffffffc9;border-radius:20px;padding:5px 9px;z-index:1}.pet-card img{position:absolute;width:51%;height:88%;object-fit:contain;right:-2%;bottom:-2%;filter:drop-shadow(0 7px 4px #0002)}.pet-card-info{display:flex;flex-direction:column;gap:8px;margin-top:auto;z-index:1;max-width:56%}.pet-card-info strong{font-size:24px;font-weight:1000;white-space:nowrap}.pet-card-info small{font-size:10px;color:var(--blue);background:white;border-radius:20px;padding:4px 6px;vertical-align:middle}.pet-card-info>span{font-size:12px;color:#555d5f;line-height:1.4;font-weight:700}.pet-card-arrow{position:absolute;right:13px;top:13px;background:#fff;border-radius:50%;width:25px;height:25px;text-align:center;line-height:25px;font-weight:900}.how-section{background:#eff5ff;border-radius:28px;padding:30px 34px 27px}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.step{background:white;border-radius:20px;padding:19px 19px 16px;position:relative;border:1px solid #e2ecfb}.step-number{position:absolute;right:17px;top:15px;color:#d2e1f9;font-size:30px;font-weight:1000}.step-icon{width:48px;height:48px;border-radius:14px;background:var(--yellow);display:grid;place-items:center;font-size:25px;font-weight:1000;color:#212931;margin-bottom:13px}.step:nth-child(2) .step-icon{background:#c9f598}.step:nth-child(3) .step-icon{background:#cbdcff}.step h3{font-size:18px;margin:0 0 7px;font-weight:1000}.step p{font-size:12px;line-height:1.7;color:#717e8b;margin:0}.flow-footnote{margin-top:16px;font-size:12px;color:#6b7d94}.flow-footnote span{color:var(--blue)}.faq-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:35px;margin-bottom:60px}.faq-list{display:grid;gap:9px}.faq-list details{border:1px solid #e3e8f0;border-radius:14px;background:white;padding:0 17px}.faq-list summary{cursor:pointer;list-style:none;font-size:14px;font-weight:850;padding:15px 25px 15px 0;position:relative}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";position:absolute;right:0;top:13px;color:var(--blue);font-size:20px}.faq-list details[open] summary:after{content:"−"}.faq-list details p{font-size:12px;color:#6b7782;line-height:1.7;margin:0 0 15px}footer{border-top:1px solid var(--line);display:flex;align-items:center;gap:17px;padding:20px 0 27px;color:#84909c;font-size:12px}footer img{width:134px;max-height:43px}footer a{margin-left:auto;color:var(--blue);font-weight:800}@keyframes pet-bounce{0%,100%{transform:translateY(0) rotate(0)}25%{transform:translateY(-18px) rotate(-5deg)}55%{transform:translateY(-7px) rotate(5deg)}}@keyframes pet-sleep{0%{transform:rotate(0)}50%{transform:rotate(7deg) translateY(9px)}100%{transform:rotate(0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}@media(max-width:1220px){.site-shell{grid-template-columns:190px minmax(0,1fr)}.sidebar{padding:20px 12px}.brand-tile{width:95px;height:90px}.brand-name{font-size:23px}.nav-item{font-size:14px;gap:9px;padding:12px}.showcase{grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr)}.hero-card{min-height:470px;padding:24px}.hero-copy{max-width:59%}.hero-copy h2{font-size:34px}.hero-art{width:58%}.hero-speech{font-size:12px}.personality-card{padding:20px}.pet-card-info strong{font-size:18px}}@media(max-width:980px){.showcase{grid-template-columns:1fr}.hero-card{min-height:480px}.personality-card{min-height:0}.traits{grid-template-columns:1fr 1fr 1fr}.traits label{grid-template-columns:31px 1fr 30px}.action-grid{grid-template-columns:repeat(4,1fr)}.pet-card{min-height:200px}.pet-card-info{max-width:63%}.pet-card img{width:49%}}@media(max-width:720px){.site-shell{display:block}.sidebar{position:fixed;left:-270px;width:260px;top:0;height:100dvh;z-index:20;transition:left .25s;box-shadow:12px 0 20px #002a8433}.menu-open .sidebar{left:0}.topbar{height:64px;padding:0 17px}.topbar-caption,.version-chip{display:none}.topbar-mobile-brand{display:flex;align-items:center;gap:7px;font-size:14px;font-weight:950}.topbar-mobile-brand img{width:40px;height:40px;background:#ffe653;border-radius:9px}.topbar-cta{padding:9px 10px;font-size:11px}.menu-button{display:grid;place-items:center;border:0;background:#eff5ff;border-radius:10px;width:36px;height:36px;color:var(--blue)}.topbar-actions{gap:9px}.content-wrap{padding:27px 15px 0}.intro{align-items:start}.intro h1{font-size:39px;letter-spacing:-2px}.intro p{font-size:13px;line-height:1.5}.intro-sticker{display:none}.hero-card{min-height:590px;padding:20px}.hero-copy{max-width:100%}.hero-kicker{margin-top:22px;font-size:9px}.hero-copy h2{font-size:37px}.hero-copy p{font-size:16px;margin:13px 0}.hero-buttons{gap:7px}.button{padding:10px 12px;font-size:12px;box-shadow:2px 3px 0 #1a1a1a}.hero-art{height:58%;width:83%;right:2%;bottom:-1%}.hero-art img{height:96%}.hero-speech{top:auto;right:auto;left:4%;bottom:33%;font-size:12px}.hero-background-type{top:28%;font-size:100px}.hero-footer-label{left:18px;bottom:14px;font-size:8px}.personality-card{padding:20px}.traits{grid-template-columns:1fr}.action-grid{grid-template-columns:repeat(2,1fr)}.friends-section,.how-section,.faq-section{margin-top:48px}.section-header h2,.faq-section h2{font-size:29px}.pet-grid{grid-template-columns:1fr;gap:12px}.pet-card{min-height:175px}.pet-card img{width:40%;height:98%;right:4%}.pet-card-info{max-width:54%}.how-section{padding:22px 16px}.steps{grid-template-columns:1fr}.step{padding:16px}.faq-section{grid-template-columns:1fr;gap:18px}footer{flex-wrap:wrap;gap:8px}footer a{width:100%;margin:0}.count-pill{font-size:10px;padding:6px 9px}}@media(max-width:390px){.hero-copy h2{font-size:31px}.hero-card{min-height:560px}.button-white{display:none}.hero-art{width:88%}}
/* V2: keep the supplied symbol clear and remove decoration behind readable copy. */
.brand{margin:4px 0 28px}
.brand-icon{display:block;width:194px;height:158px;object-fit:contain;filter:drop-shadow(0 9px 9px #003ead36)}
.topbar-mobile-brand img{background:transparent;border-radius:0;width:42px;height:42px;object-fit:contain}
.pet-card-blue{background:#dbeaff}
.pet-card-peach{background:#ffeadc}
.pet-card-mint{background:#ddf7de}
.pet-card-cream{background:#fff2d2}
.hero-copy{z-index:5}
@media(max-width:1220px){.brand-icon{width:166px;height:136px}}
@media(max-width:720px){.brand-icon{width:200px;height:162px}.pet-card-info strong{font-size:22px}}
.trait-row{display:grid;grid-template-columns:32px 1fr 32px;align-items:center;gap:8px;font-size:12px;font-weight:800;white-space:nowrap}
.trait-track{height:5px;border-radius:99px;background:#e3e6e9;position:relative;display:block}
.trait-track i{position:absolute;inset:0 auto 0 0;width:var(--fill);border-radius:inherit;background:var(--blue)}
.trait-track i:after{content:"";position:absolute;width:17px;height:17px;right:-8px;top:50%;transform:translateY(-50%);border-radius:50%;background:var(--blue);box-shadow:0 0 0 3px white}

/* Sidebar branding and type */
@font-face{font-family:"DingTalk JinBuTi";src:url("https://zt.domidodo.com.cn/fonts/DINGTALK_JINBUTI_REGULAR.TTF") format("truetype");font-style:normal;font-weight:400 900;font-display:swap}
@font-face{font-family:"PingFang SC Semibold";src:url("https://zt.domidodo.com.cn/fonts/pingfangsc/pingfangsc-semibold.otf") format("opentype");font-style:normal;font-weight:600 900;font-display:swap}
:root{font-family:"PingFang SC Semibold","PingFang SC","Microsoft YaHei",system-ui,sans-serif}
h1,h2,h3,.nav-item,.button,.pet-card-info strong,.section-header h2,.personality-type strong{font-family:"DingTalk JinBuTi","PingFang SC Semibold","Microsoft YaHei",sans-serif}
.sidebar{isolation:isolate}
.sidebar>.brand,.sidebar>.side-nav,.sidebar>.side-bottom{position:relative;z-index:1}
.brand{width:100%;margin:8px 0 34px}
.brand-icon{max-width:100%;filter:drop-shadow(0 10px 6px #003fa432)}
.sidebar-watermark{position:absolute;z-index:0;left:7px;bottom:114px;display:flex;flex-direction:column;gap:0;transform:rotate(-13deg);color:#fff;opacity:.14;pointer-events:none;user-select:none;font-family:"DingTalk JinBuTi","Arial Black",sans-serif;font-size:38px;font-weight:900;line-height:.92;letter-spacing:-1.8px}
.sidebar-watermark svg{width:90px;height:90px;position:absolute;left:135px;top:-16px;stroke-width:1.4}
.sidebar-watermark b{position:absolute;right:-20px;bottom:-24px;font-size:66px;color:#ffe653;opacity:1}
@media(max-width:1220px){.sidebar-watermark{font-size:33px}.sidebar-watermark svg{left:116px;width:74px;height:74px}}
@media(max-width:720px){.sidebar-watermark{font-size:40px;bottom:115px}.sidebar-watermark svg{left:138px;width:84px;height:84px}}
@media(max-height:760px){.sidebar-watermark{font-size:27px;bottom:87px;left:10px;opacity:.12}.sidebar-watermark svg{left:99px;top:-8px;width:58px;height:58px}.sidebar-watermark b{font-size:42px;right:-8px;bottom:-14px}}
@media(max-height:560px){.sidebar-watermark{display:none}}

/* Keep the desktop composition and its 320px motion previews at their intended scale. */
.site-shell{max-width:1440px;margin-inline:auto}
.hero-art img{width:min(100%,230px);height:min(94%,230px);right:max(0px,calc((100% - 230px)/2));image-rendering:auto}

/* Keep the desktop page readable at 2560p and 4K CSS viewport widths. */
@media (min-width: 1600px){
  .site-shell{max-width:1440px;grid-template-columns:220px minmax(0,1fr)}
  .content-wrap{max-width:1220px;padding:30px 34px 0}
  .topbar{height:66px;padding:0 34px}
  .intro h1{font-size:46px;letter-spacing:-2px}
  .intro p{font-size:14px}
  .hero-copy h2{font-size:40px}
  .hero-copy p{font-size:17px}
  .hero-background-type{font-size:128px}
  .personality-type strong{font-size:50px}
  .section-header h2,.faq-section h2{font-size:32px}
  .hero-art img{width:min(100%,230px);height:min(94%,230px);right:max(0px,calc((100% - 230px)/2))}
}

/* Experience application */
.apply-section{margin:60px 0;background:#eaf3ff;border:1px solid #d5e6ff;border-radius:26px;padding:34px;display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,1.05fr);gap:36px;align-items:center;box-shadow:0 7px 0 #e8edf3}
.apply-copy h2{font-family:"DingTalk JinBuTi","PingFang SC Semibold","Microsoft YaHei",sans-serif;font-size:clamp(28px,2.6vw,36px);line-height:1.25;margin:12px 0;font-weight:900}
.apply-copy>p{font-size:14px;line-height:1.8;color:#596b82;margin:0}
.apply-points{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}
.apply-points span{background:#fff;border:1px solid #d6e4fa;border-radius:30px;color:#2057a5;font-size:12px;font-weight:800;padding:7px 10px}
.apply-form{background:#fff;border:1px solid #d6e4fa;border-radius:19px;padding:22px;min-width:0}
.apply-form label{display:block;font-size:14px;font-weight:900;margin-bottom:11px}
.apply-input-row{display:flex;gap:9px}
.apply-input-row input{min-width:0;flex:1;border:1px solid #c9d7e9;border-radius:11px;padding:12px 13px;background:#fff;font-size:14px;outline:none}
.apply-input-row input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #0868f822}
.apply-input-row input[aria-invalid="true"]{border-color:#d8564b}
.apply-input-row button{flex:none;border:0;border-radius:11px;background:var(--blue);color:#fff;font-size:14px;font-weight:900;padding:0 17px;min-height:46px;cursor:pointer}
.apply-input-row button:hover{background:var(--blue-deep)}
.apply-input-row button:disabled{cursor:wait;opacity:.65}
.apply-hint{font-size:12px;line-height:1.6;color:#778597;margin:11px 0 0}
.apply-status{font-size:13px;line-height:1.6;border-radius:10px;padding:10px 12px;margin:13px 0 0;background:#e7f7e9;color:#1b6738}
.apply-status[data-kind="error"]{background:#fff1eb;color:#a83f29}
.apply-status[data-kind="info"]{background:#edf4ff;color:#275b9a}
.apply-status[hidden],.apply-resend[hidden]{display:none}
.apply-resend{border:0;background:transparent;padding:0;margin-top:12px;color:var(--blue);font-size:12px;font-weight:900;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.apply-resend:disabled{color:#8393a9;cursor:default;text-decoration:none}
@media(max-width:980px){.apply-section{grid-template-columns:1fr;gap:18px}}
@media(max-width:720px){.apply-section{margin:48px 0;padding:20px 16px;gap:18px}.apply-form{padding:17px}.apply-input-row{flex-direction:column}.apply-input-row button{min-height:44px}}

/* A cooler backdrop keeps pale fur and repaired edge pixels less conspicuous. */
body{background:#e8eef7}
.pet-card-cream{background:#dce8f4}
.hero-halo{background:var(--hero-halo,#eaff91)}

/* A still character in the feature card, with a separate draggable motion preview. */
.hero-art img{filter:drop-shadow(0 12px 9px #24380826)}
.floating-pet{position:fixed;z-index:30;width:228px;height:228px;touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none}
.floating-pet[hidden]{display:none}
.floating-pet.is-dragging{cursor:grabbing}
.floating-pet img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-drag:none;filter:drop-shadow(0 12px 12px #1c2d4c36)}
.floating-pet-hint{position:absolute;bottom:0;left:50%;transform:translateX(-50%);white-space:nowrap;border:1px solid #d7e3f4;background:#fffffff0;color:#47617f;border-radius:99px;padding:4px 10px;font-size:11px;font-weight:700;opacity:0;transition:opacity .2s;pointer-events:none}
.floating-pet:hover .floating-pet-hint,.floating-pet.is-dragging .floating-pet-hint{opacity:1}
.floating-pet-close{position:absolute;top:2px;right:0;display:grid;place-items:center;width:29px;height:29px;border:1px solid #d7e3f4;border-radius:50%;background:#fff;color:#536780;box-shadow:0 2px 6px #1d355526;opacity:0;transition:opacity .2s,transform .2s}
.floating-pet-close svg{width:15px;height:15px;stroke-width:2.4}
.floating-pet:hover .floating-pet-close,.floating-pet-close:focus-visible{opacity:1}
.floating-pet-close:hover{transform:scale(1.08)}
.floating-pet.pet-appearing{animation:pet-arrive .35s ease-out both}
@keyframes pet-arrive{from{opacity:0;transform:translateY(12px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}

/* Clean, consistent pictograms in place of text glyphs. */
.action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;transition:background .18s,border-color .18s,transform .18s}
.action svg{width:18px;height:18px;stroke-width:2.1;flex:none}
.action:hover{transform:translateY(-2px)}
.nav-item svg{stroke-width:2.15}
.pet-card-arrow{display:grid;place-items:center;line-height:1;transition:transform .2s}
.pet-card-arrow svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.pet-card:hover .pet-card-arrow{transform:translate(2px,-2px)}
.pet-card img{transition:transform .25s ease}
.pet-card:hover img{transform:translateY(-3px) rotate(-2deg)}

/* Small ambient motion; the showcase portrait itself stays still. */
.eyebrow-dot,.side-bottom-dot{animation:soft-pulse 3s ease-in-out infinite}
.hero-halo{animation:halo-breathe 7s ease-in-out infinite}
.hero-speech{animation:speech-sway 5s ease-in-out infinite}
.intro-sticker{animation:sticker-float 6s ease-in-out infinite}
.sidebar-watermark{animation:watermark-float 12s ease-in-out infinite alternate}
@keyframes soft-pulse{50%{box-shadow:0 0 0 5px #b8f84945}}
@keyframes halo-breathe{50%{transform:scale(1.12);opacity:.82}}
@keyframes speech-sway{50%{transform:rotate(-4deg) translateY(-4px)}}
@keyframes sticker-float{50%{transform:rotate(8deg) translateY(-4px)}}
@keyframes watermark-float{to{transform:rotate(-11deg) translateY(-9px)}}
.floating-pet-close{opacity:1}
@media(max-width:720px){.floating-pet{width:176px;height:176px}.floating-pet-close{opacity:1}.floating-pet-hint{opacity:1}}
@media(prefers-reduced-motion:reduce){.floating-pet.pet-appearing,.eyebrow-dot,.side-bottom-dot,.hero-halo,.hero-speech,.intro-sticker,.sidebar-watermark{animation:none}}

/* ChillRound is OFL 1.1. YouYuan provides a rounded local fallback. */
@font-face{font-family:"ChillRoundF";src:url("https://cdn.jsdelivr.net/gh/Warren2060/ChillRound@main/ChillRound/ChillRoundF.ttf") format("truetype");font-display:swap}
.intro h1,.hero-copy h2,.section-header h2,.highlights-section h2,.highlight h3,.apply-copy h2,.faq-section h2,.hero-speech{font-family:"ChillRoundF","YouYuan","幼圆","Microsoft YaHei",sans-serif;font-style:normal;letter-spacing:.01em}
.intro h1{font-size:clamp(38px,3.5vw,54px);font-weight:800;letter-spacing:.015em}
.hero-copy h2{white-space:normal}

/* Portraits should read like the reference composition without scaling the motion assets. */
.hero-art img{width:min(100%,330px);height:min(97%,330px);right:max(0px,calc((100% - 330px)/2))}
@media(min-width:1600px){.hero-art img{width:min(100%,330px);height:min(97%,330px);right:max(0px,calc((100% - 330px)/2))}}

/* A shared set of rounded, graphic icon holders ties the navigation together. */
.nav-item{gap:12px}
.nav-item svg{width:24px;height:24px;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.nav-item:not(.active) svg{filter:drop-shadow(0 2px 0 #0543a438)}
.nav-item.active svg{color:#182b50}
.action svg,.highlight-icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}
.action svg{stroke-width:1.9}

/* Preset cards: a distinct illustration field, number, and clear selected state. */
.pet-grid{gap:14px}
.pet-card{min-height:224px;border:1.5px solid #ffffffaa;border-radius:22px;padding:15px 17px;isolation:isolate;box-shadow:0 5px 0 #17375210;background-image:radial-gradient(circle at 78% 58%,#ffffffaf 0 20%,#ffffff00 51%)}
.pet-card:before{content:"";position:absolute;width:165px;height:165px;right:-25px;top:19px;border:1px solid #ffffffb0;border-radius:50%;z-index:0}
.pet-card:after{content:"";position:absolute;width:50px;height:50px;right:29px;bottom:12px;border:1px dashed #ffffffbd;border-radius:50%;z-index:0}
.pet-card.selected{border-color:#0b69f8;box-shadow:0 0 0 2px #0b69f8,0 7px 0 #0855c13d}
.pet-card:hover{box-shadow:0 8px 0 #17375220}
.pet-card.selected:hover{box-shadow:0 0 0 2px #0b69f8,0 9px 0 #0855c13d}
.pet-card img{width:52%;height:82%;right:0;bottom:4%;z-index:1;filter:drop-shadow(0 8px 5px #14314b24)}
.pet-card-tag{background:#fffefc;border:1px solid #ffffffbf;box-shadow:0 2px 0 #182a3914;color:#34516b;letter-spacing:.03em}
.pet-card-info{gap:6px;max-width:53%;padding-bottom:2px}
.pet-card-info strong{font-size:23px;line-height:1.1}
.pet-card-info strong small{font-family:"PingFang SC Semibold","Microsoft YaHei",sans-serif;font-size:11px;letter-spacing:.03em;border-radius:5px;padding:2px 4px;background:#ffffffaa;color:#1b5cb1}
.pet-card-info>span{font-size:11px;line-height:1.45;color:#3f4f60}
.pet-card-arrow{width:28px;height:28px;right:11px;top:11px;box-shadow:0 2px 0 #132d5417}

/* Public benefits, phrased as the experience visitors can see on this page. */
.highlights-section{margin-top:66px}
.highlights-section h2{font-size:clamp(28px,2.6vw,38px);margin:8px 0 20px}
.highlight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.highlight{position:relative;overflow:hidden;min-height:196px;border-radius:23px;padding:21px 20px;border:1px solid #d7e3f3;box-shadow:0 5px 0 #dce5ef}
.highlight:after{content:"";position:absolute;width:150px;height:150px;right:-52px;bottom:-65px;border:2px solid #ffffff9c;border-radius:50%}
.highlight-blue{background:#daeafe}.highlight-yellow{background:#fff1b6}.highlight-peach{background:#f8e1dc}
.highlight-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:#fff;color:#0868f8;box-shadow:3px 3px 0 #173b7b1b}
.highlight-icon svg{width:24px;height:24px;stroke-width:1.8}
.highlight-index{position:absolute;right:19px;top:24px;font-size:10px;letter-spacing:1.1px;color:#687c91;font-weight:850}
.highlight h3{font-size:22px;line-height:1.25;margin:23px 0 8px}
.highlight p{font-size:12px;line-height:1.65;color:#4e6176;margin:0;max-width:94%}
@media(max-width:980px){.highlight-grid{grid-template-columns:1fr 1fr}.highlight:last-child{grid-column:1/-1}}
@media(max-width:720px){.hero-art img{width:min(100%,270px);height:min(96%,270px);right:max(0px,calc((100% - 270px)/2))}.highlight-grid{grid-template-columns:1fr}.highlight:last-child{grid-column:auto}.highlight{min-height:170px}.pet-card{min-height:180px}}

/* The animated preview lives inside the blue desktop sidebar. */
.floating-pet{width:160px;height:160px}
@media(max-width:720px){.floating-pet{width:140px;height:140px}}

.analytics-settings{border:0;background:none;color:inherit;text-decoration:underline;cursor:pointer;font:inherit;font-size:12px}
.analytics-consent{position:fixed;z-index:100;right:18px;bottom:18px;max-width:min(440px,calc(100vw - 36px));display:flex;gap:16px;align-items:center;padding:18px;background:#fff;border:1px solid #cdddf2;border-radius:18px;box-shadow:0 16px 45px #18305e40;color:#182b43}
.analytics-consent[hidden]{display:none}
.analytics-consent strong{font-size:15px}
.analytics-consent p{font-size:12px;line-height:1.55;margin:5px 0 0;color:#50647a}
.analytics-consent-actions{display:grid;gap:8px;flex:none}
.analytics-consent-actions button{border:1px solid #b8cce7;border-radius:9px;background:#fff;padding:8px 10px;cursor:pointer;color:#18314e;font:inherit;font-size:12px;white-space:nowrap}
.analytics-consent-actions button:last-child{background:#0868f8;color:#fff;border-color:#0868f8}
@media(max-width:580px){.analytics-consent{display:block}.analytics-consent-actions{display:flex;margin-top:12px}}

/* Product statement only: custom creation happens in the desktop client. */
.custom-pet-note{position:relative;display:flex;align-items:center;gap:22px;margin:28px 0 0;padding:24px 30px;border-radius:24px;overflow:hidden;background:linear-gradient(108deg,#123c9b,#0868f8 72%,#3b95ff);color:#fff;box-shadow:0 8px 0 #dce7f5}
.custom-pet-note::after{content:"";position:absolute;width:290px;height:290px;border:1px solid #ffffff37;border-radius:50%;right:-115px;top:-135px;pointer-events:none}
.custom-pet-note-symbol{width:52px;height:52px;flex:none;display:grid;place-items:center;border-radius:16px;background:var(--yellow);color:#113070;transform:rotate(-8deg);box-shadow:4px 4px 0 #073586}
.custom-pet-note-symbol svg{width:30px;height:30px;stroke-width:2}
.custom-pet-note-kicker{display:block;color:#c6deff;font-size:11px;letter-spacing:1.6px;font-weight:900}
.custom-pet-note h2{font-family:"ChillRoundF","YouYuan","幼圆","Microsoft YaHei",sans-serif;font-size:clamp(24px,2.3vw,32px);letter-spacing:.01em;line-height:1.25;margin:4px 0 6px}
.custom-pet-note p{font-size:13px;line-height:1.6;margin:0;color:#e3efff;font-weight:650}
.custom-pet-note-stamp{margin-left:auto;flex:none;transform:rotate(-8deg);font-weight:900;font-size:15px;color:#103170;background:var(--yellow);border:2px solid #102640;border-radius:14px;padding:8px 13px;box-shadow:3px 4px 0 #071e5b}
@media(max-width:980px){.custom-pet-note-stamp{display:none}}
@media(max-width:720px){.custom-pet-note{margin-top:22px;padding:20px;align-items:flex-start;gap:14px}.custom-pet-note-symbol{width:42px;height:42px}.custom-pet-note-symbol svg{width:24px;height:24px}.custom-pet-note h2{font-size:23px}.custom-pet-note p{font-size:12px}}

/* Public-site registration: keep visible at every viewport width. */
footer { flex-wrap: wrap; }
footer .site-registration { flex: 0 0 100%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 8px 16px; padding-top: 12px; font-size: 13px; line-height: 1.8; }
footer .site-registration > span, footer .site-registration > a { flex: 0 1 auto; width: auto; margin: 0; }
footer .site-registration a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
footer .site-registration a:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }