:root{--ink:#111b2e;--ink-2:#1c2940;--paper:#f4f0e6;--paper-bright:#fffdf8;--lime:#c9ef5b;--coral:#ff6b4a;--sky:#98cddd;--muted:#6f736f;--line:#111b2e24;--soft-shadow:0 16px 44px #111b2e1c}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{background:var(--ink);color:var(--ink);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;font-family:PingFang SC,Microsoft YaHei,Noto Sans SC,sans-serif}a{color:inherit;text-decoration:none}button,select{font:inherit}:is(a:focus-visible,select:focus-visible,summary:focus-visible){outline:3px solid var(--coral);outline-offset:3px}.page-frame{background:radial-gradient(circle at 20% 12%, #98cddd2e, transparent 26%), radial-gradient(circle at 86% 76%, #c9ef5b21, transparent 25%), var(--ink);min-height:100dvh;padding:34px 20px;position:relative;overflow:hidden}.page-frame:before{content:"THE AGE ATLAS";color:#ffffff09;letter-spacing:.04em;white-space:nowrap;pointer-events:none;font-family:Georgia,serif;font-size:clamp(70px,10vw,160px);font-weight:700;position:fixed;bottom:5vh;left:4vw}.backdrop-orbit{pointer-events:none;border:1px solid #ffffff14;border-radius:50%;position:fixed}.backdrop-orbit:before,.backdrop-orbit:after{content:"";border-radius:inherit;border:1px solid #ffffff0f;position:absolute;inset:18%}.backdrop-orbit:after{inset:36%}.orbit-one{width:420px;height:420px;top:-140px;left:-170px}.orbit-two{width:560px;height:560px;bottom:-220px;right:-250px}.mobile-shell{z-index:1;background:linear-gradient(#111b2e06 1px, transparent 1px), linear-gradient(90deg, #111b2e06 1px, transparent 1px), var(--paper);background-size:30px 30px;border:1px solid #ffffff1f;border-radius:34px;width:100%;max-width:520px;min-height:calc(100dvh - 68px);margin:0 auto;position:relative;overflow:hidden;box-shadow:0 35px 90px #00000057}.mobile-header{z-index:20;min-height:68px;padding:max(14px, env(safe-area-inset-top)) 20px 12px;background:color-mix(in srgb, var(--paper) 91%, transparent);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.mobile-brand{align-items:center;gap:10px;display:flex}.mobile-brand>span{background:var(--ink);width:38px;height:38px;color:var(--lime);border-radius:50%;place-items:center;font-family:Songti SC,Noto Serif SC,serif;font-size:19px;font-weight:800;display:grid}.mobile-brand div{gap:2px;display:grid}.mobile-brand strong{letter-spacing:.1em;font-size:14px}.mobile-brand small{color:var(--muted);letter-spacing:.2em;font-family:Georgia,serif;font-size:7px}.about-button{border:1px solid var(--line);background:#ffffff61;border-radius:50%;place-items:center;width:38px;height:38px;font-family:Georgia,serif;font-size:16px;font-style:italic;font-weight:700;display:grid}.mobile-hero{padding:34px 20px 12px}.mobile-kicker{color:var(--muted);letter-spacing:.11em;align-items:center;gap:8px;margin:0 0 14px;font-size:9px;font-weight:750;display:flex}.mobile-kicker i{background:var(--coral);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 5px #ff6b4a1f}.mobile-hero h1{letter-spacing:-.055em;margin:0;font-family:Songti SC,Noto Serif SC,serif;font-size:clamp(40px,11.5vw,56px);font-weight:800;line-height:1.08}.mobile-hero h1 span{color:var(--coral);display:block}.mobile-intro{color:#565d65;max-width:360px;margin:16px 0 22px;font-size:13px;line-height:1.75}.pet-cover{background:var(--ink);box-shadow:var(--soft-shadow);border:1px solid #111b2e38;border-radius:22px;margin:0;position:relative;overflow:hidden}.pet-cover:after{content:"";pointer-events:none;border-radius:inherit;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff3d}.pet-cover img{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto;display:block}.pet-cover figcaption{color:#ffffffb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#111b2ed4;border:1px solid #ffffff24;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:9px 12px;font-size:9px;display:flex;position:absolute;bottom:10px;left:10px;right:10px}.pet-cover figcaption b{color:var(--lime);margin-right:3px;font-family:Georgia,serif;font-size:14px}.picker-card{background:var(--paper-bright);border:1px solid var(--line);box-shadow:var(--soft-shadow);border-radius:24px;margin:18px 16px 0;padding:20px}.picker-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.picker-heading>div{align-items:center;gap:10px;display:flex}.picker-heading>div>span{background:var(--ink);width:28px;height:28px;color:var(--lime);border-radius:50%;place-items:center;font-family:Georgia,serif;font-size:10px;display:grid}.picker-heading h2{margin:0;font-size:15px}.picker-heading>small{color:var(--muted);align-items:center;gap:6px;font-size:8px;display:flex}.picker-heading>small i{background:#65a34a;border-radius:50%;width:6px;height:6px}.select-stack{gap:9px;display:grid}.select-field{background:var(--paper);border:1px solid var(--line);cursor:pointer;touch-action:manipulation;border-radius:16px;grid-template-columns:42px minmax(0,1fr) 26px;align-items:center;gap:10px;min-height:72px;padding:10px 12px;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid;position:relative}.select-field:after{content:"";background:0 0;border-radius:0 3px 3px 0;width:3px;transition:background .16s;position:absolute;top:18px;bottom:18px;left:-1px}.select-field:focus-within{border-color:var(--ink);transform:translateY(-1px);box-shadow:0 0 0 3px #c9ef5b75}.select-field:focus-within:after{background:var(--coral)}.select-field:active{transform:scale(.992)}.select-mark,.select-index{background:var(--ink);width:42px;height:42px;color:var(--lime);border-radius:50%;place-items:center;font-family:Songti SC,serif;font-size:17px;font-weight:800;display:grid}.select-photo{border:2px solid var(--paper-bright);width:42px;height:42px;box-shadow:0 0 0 1px var(--line), 0 5px 12px #111b2e1f;background-color:#d9d3c7;background-image:url(/hero-pets.png);background-repeat:no-repeat;background-size:410%;border-radius:50%;overflow:hidden}.select-photo img,.profile-photo img{border-radius:inherit;object-fit:cover;object-position:center;width:100%;height:100%;animation:.18s ease-out both avatar-in;display:block}@keyframes avatar-in{0%{opacity:.55;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}.select-index{border:1px solid var(--line);color:var(--ink);background:0 0;font-size:14px}.select-copy{gap:2px;min-width:0;display:grid}.select-copy>small{color:var(--muted);font-size:9px}.select-copy select{-webkit-appearance:none;appearance:none;width:100%;min-height:28px;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:0 0;border:0;outline:0;padding:0;font-size:16px;font-weight:700;overflow:hidden}.select-copy option{color:var(--ink);background:#fff}.select-arrow{color:var(--muted);pointer-events:none;font-size:22px;line-height:1}.picker-limit{color:var(--muted);margin:13px 2px 0;font-size:9px;line-height:1.6}.mobile-result{background:linear-gradient(145deg, #ffffff09, transparent 48%), var(--ink);color:#fff;box-shadow:7px 8px 0 var(--sky), 0 20px 50px #111b2e33;isolation:isolate;border:1px solid #ffffff1a;border-radius:26px;margin:16px;padding:23px;position:relative;overflow:hidden}.mobile-result:before{content:"";background:linear-gradient(90deg, var(--lime), var(--sky));border-radius:0 0 5px 5px;width:82px;height:4px;position:absolute;top:0;left:24px}.result-watermark{z-index:-1;color:#ffffff09;border:1px solid #ffffff17;border-radius:50%;place-items:center;width:150px;height:150px;font-family:Songti SC,serif;font-size:100px;font-weight:800;display:grid;position:absolute;top:55px;right:-28px;box-shadow:0 0 0 24px #ffffff04,0 0 0 48px #ffffff02}.result-live{animation:.26s cubic-bezier(.2,.75,.25,1) both result-arrive}@keyframes result-arrive{0%{opacity:.35;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.result-topline{color:#ffffff8c;letter-spacing:.08em;justify-content:space-between;align-items:center;gap:10px;font-size:8px;display:flex}.result-topline>span{align-items:center;gap:7px;display:flex}.result-topline i{background:var(--coral);border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #ff6b4a24}.result-topline b{color:var(--sky);font-size:8px;font-weight:650}.profile-strip{background:#ffffff0e;border:1px solid #ffffff1a;border-radius:17px;grid-template-columns:60px minmax(0,1fr) auto;align-items:center;gap:12px;margin-top:22px;padding:13px;display:grid}.profile-dial{background:conic-gradient(var(--lime) 0 var(--dial-progress), #ffffff1c var(--dial-progress) 360deg);border-radius:50%;place-items:center;width:60px;height:60px;padding:3px;display:grid;transform:rotate(-90deg)}.profile-photo{border:2px solid var(--ink);background-color:#ffffff14;background-image:url(/hero-pets.png);background-repeat:no-repeat;background-size:410%;border-radius:50%;width:52px;height:52px;display:block;overflow:hidden;transform:rotate(90deg)}.profile-copy{gap:3px;min-width:0;display:grid}.profile-copy small{color:var(--sky);letter-spacing:.08em;font-size:7px;font-weight:700}.profile-copy strong{text-overflow:ellipsis;white-space:nowrap;font-family:Songti SC,serif;font-size:17px;overflow:hidden}.profile-copy em{color:#fff6;letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;font-size:7px;font-style:normal;overflow:hidden}.avatar-credit{color:#ffffff6e;text-overflow:ellipsis;white-space:nowrap;width:max-content;max-width:100%;font-size:7px;line-height:1.2;text-decoration:none;overflow:hidden}:is(.avatar-credit:hover,.avatar-credit:focus-visible){color:var(--lime);text-underline-offset:2px;text-decoration:underline}.archive-number{color:#ffffff42;align-self:start;font-family:Georgia,serif;font-size:9px}.answer-block{border-bottom:1px solid #ffffff26;padding:26px 0 24px}.answer-caption{align-items:center;gap:10px;display:flex}.answer-caption span{background:var(--coral);color:#fff;border-radius:999px;padding:5px 9px;font-size:9px;font-weight:700}.answer-caption p{color:#ffffff8c;margin:0;font-size:11px}.answer-block>strong{color:var(--lime);letter-spacing:-.055em;margin-top:3px;font-family:Georgia,serif;font-size:clamp(70px,21vw,96px);line-height:.98;display:block}.answer-block>strong small{color:#fff;letter-spacing:0;margin-left:7px;font-family:PingFang SC,sans-serif;font-size:15px}.range-note{color:#ffffff52;margin:8px 0 0;font-size:8px;line-height:1.5}.mobile-progress{padding:22px 0 20px}.mobile-progress>div:first-child,.progress-labels{justify-content:space-between;align-items:center;gap:14px;display:flex}.mobile-progress>div:first-child{color:#ffffff8c;font-size:9px}.mobile-progress>div:first-child b{color:var(--sky);font-size:10px}.progress-rail{background:#ffffff1f;border-radius:999px;height:7px;margin:12px 0 8px;position:relative}.progress-rail span{background:linear-gradient(90deg, var(--sky), var(--lime));border-radius:inherit;transition:width .24s;position:absolute;inset:0 auto 0 0}.progress-rail i{background:var(--coral);border:3px solid var(--ink);border-radius:50%;width:15px;height:15px;transition:left .24s;position:absolute;top:50%;transform:translate(-50%,-50%)}.progress-labels{color:#ffffff61;font-size:8px}.fact-row{border:1px solid #ffffff26;border-radius:14px;grid-template-columns:repeat(2,1fr);display:grid}.fact-row div{gap:5px;padding:13px;display:grid}.fact-row div+div{border-left:1px solid #ffffff26}.fact-row small{color:#ffffff6b;font-size:8px}.fact-row strong{font-size:13px}.result-note{border-top:1px dashed #ffffff26;grid-template-columns:55px 1fr;gap:12px;margin-top:18px;padding-top:16px;display:grid}.result-note span{color:var(--lime);letter-spacing:.08em;font-size:8px;font-weight:700}.result-note p{color:#ffffff9e;margin:0;font-size:10px;line-height:1.75}.about-panel{border:1px solid var(--line);background:#ffffff6b;border-radius:20px;margin:22px 16px 0;overflow:hidden}.about-panel summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-height:64px;padding:14px 16px;list-style:none;display:flex}.about-panel summary::-webkit-details-marker{display:none}.about-panel summary>span{align-items:center;gap:10px;font-size:12px;font-weight:700;display:flex}.about-panel summary i{background:var(--ink);width:30px;height:30px;color:var(--lime);border-radius:50%;place-items:center;font-family:Georgia,serif;font-style:normal;display:grid}.about-panel summary b{color:var(--muted);font-size:9px;font-weight:500}.about-panel[open] summary{border-bottom:1px solid var(--line)}.about-panel[open] summary b{font-size:0}.about-panel[open] summary b:after{content:"收起";font-size:9px}.about-content{padding:17px}.about-content>p{color:var(--muted);margin:0;font-size:10px;line-height:1.8}.source-list{border-top:1px solid var(--line);margin:16px 0}.source-list a{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-height:42px;font-size:10px;display:flex}.source-list a span{color:var(--coral);font-size:14px}.medical-note{border-left:3px solid var(--coral);background:#ff6b4a14;padding:11px 12px}.mobile-footer{min-height:90px;padding:24px 20px max(24px, env(safe-area-inset-bottom));color:var(--muted);justify-content:space-between;align-items:start;gap:18px;font-size:8px;display:flex}.mobile-footer span:last-child{text-align:right}@media (max-width:559px){.page-frame{background:var(--paper);padding:0;overflow:visible}.page-frame:before,.backdrop-orbit{display:none}.mobile-shell{min-height:100dvh;box-shadow:none;border:0;border-radius:0}}@media (max-width:370px){.mobile-hero{padding-inline:16px}.picker-card,.mobile-result,.about-panel{margin-inline:12px}.picker-card,.mobile-result{padding:18px}.answer-block>strong{font-size:64px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important}}