:root{--ink:#2c2521;--muted:#786c64;--cream:#f5efe7;--rose:#c27867;--wine:#563b3d}*{box-sizing:border-box}html{scroll-behavior:smooth;background:#ebe6df}body{color:var(--ink);margin:0;font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif}.shell{background:var(--cream);width:100%;max-width:520px;min-height:100vh;margin:auto;overflow:hidden;box-shadow:0 0 80px #5b4b3c20}.hero{color:#f7f0e7;text-align:center;background:radial-gradient(circle at 50% 24%,#b97868 0,#805052 35%,#472e34 72%,#2d2529 100%);min-height:720px;padding:26px 24px 85px;position:relative;overflow:hidden}.hero:after{content:"";background:var(--cream);border-radius:50% 50% 0 0;height:240px;position:absolute;bottom:-115px;left:-15%;right:-15%}.glow{filter:blur(52px);opacity:.34;border-radius:50%;position:absolute}.glow-a{background:#e6a991;width:250px;height:250px;top:220px;left:-100px}.glow-b{background:#b06f88;width:220px;height:220px;top:380px;right:-100px}.hero header{z-index:2;letter-spacing:.16em;opacity:.76;justify-content:space-between;font-size:10px;display:flex;position:relative}.overline{z-index:2;letter-spacing:.31em;opacity:.68;margin:70px 0 10px;font:10px Georgia,serif;position:relative}.hero h1{z-index:2;letter-spacing:.08em;margin:0 0 8px;font:500 30px/1.25 Georgia,Songti SC,serif;position:relative}.sub{z-index:2;letter-spacing:.05em;opacity:.7;margin:0;font-size:12px;position:relative}.score-orbit{z-index:2;place-items:center;width:238px;height:238px;margin:42px auto 26px;display:grid;position:relative}.orbit{border:1px solid #fff4;border-radius:50%;position:absolute;inset:0}.one{animation:20s linear infinite spin;transform:rotate(20deg)scaleY(.86)}.two{border-color:#e8b9a969;transform:rotate(-28deg)scaleX(.86)}.score-orbit:before,.score-orbit:after{content:"✦";color:#eec6ac;position:absolute}.score-orbit:before{top:18px;right:42px}.score-orbit:after{font-size:8px;bottom:30px;left:26px}.score{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border-radius:50%;flex-wrap:wrap;place-content:center;align-items:baseline;width:170px;height:170px;display:flex;box-shadow:inset 0 0 30px #fff1}.score strong{letter-spacing:-.08em;font:400 76px/1 Georgia,serif}.score>span{opacity:.65;margin-left:8px;font:15px Georgia,serif}.score small{letter-spacing:.15em;opacity:.72;width:100%;margin-top:9px;font-size:10px}.level{z-index:2;letter-spacing:.1em;background:#fff1;border:1px solid #ffffff42;border-radius:999px;align-items:center;gap:8px;padding:8px 15px;font-size:12px;display:inline-flex;position:relative}.level i{background:#f2b99f;border-radius:50%;width:6px;height:6px;box-shadow:0 0 10px #f2b99f}.summary{z-index:2;letter-spacing:.03em;max-width:310px;margin:20px auto 0;font:17px/1.7 Georgia,Songti SC,serif;position:relative}.content{z-index:3;margin-top:-75px;padding:0 18px 42px;position:relative}.card{background:#fffaf5;border:1px solid #fff;border-radius:22px;margin-bottom:14px;padding:25px;position:relative;overflow:hidden;box-shadow:0 14px 35px #6f574313}.index{color:#a77768;letter-spacing:.14em;font-size:10px}.error-banner{color:#7b3636;background:#f5dada;border-radius:14px;margin-bottom:14px;padding:14px 16px;font-size:12px}.animal-card{background:linear-gradient(145deg,#fffaf4,#ead8c9);min-height:350px}.animal-art{background:radial-gradient(circle,#dba98d,#ad756d 55%,#80565e);border-radius:50%;place-items:center;width:180px;height:180px;display:grid;position:absolute;top:36px;right:-18px;box-shadow:0 18px 50px #80565e45}.animal-art b{color:#ffeadb;border:1px solid #ffe9d986;border-radius:52% 52% 48% 48%;place-items:center;width:104px;height:120px;font:40px Georgia,Songti SC,serif;display:grid}.ear{border:1px solid #ffe9d970;border-radius:80% 20% 70% 30%;width:42px;height:76px;position:absolute;top:-20px}.ear.left{left:31px;transform:rotate(-23deg)}.ear.right{right:31px;transform:scaleX(-1)rotate(-23deg)}.animal-copy{z-index:2;max-width:63%;margin-top:148px;position:relative}.card h2{margin:8px 0 10px;font:500 27px/1.25 Georgia,Songti SC,serif}.animal-copy p,.celeb-card p,.skin-note{color:var(--muted);margin:0;font-size:13px;line-height:1.8}.mix{gap:12px;margin-top:22px;display:grid}.mix div{grid-template-columns:1fr auto;gap:10px;padding-bottom:9px;font-size:11px;display:grid;position:relative}.mix i{background:var(--wine);height:2px;position:absolute;bottom:0;left:0}.mix div:after{content:"";background:#74514c24;height:1px;position:absolute;bottom:0;left:0;right:0}.celeb-card{color:#f8eee7;background:linear-gradient(135deg,#352a2e,#69464d);min-height:205px}.celeb-card h2{margin-top:30px;font-size:30px}.celeb-card p{color:#e8d8cf}.celeb-card small{color:#c9b2a8;margin-top:22px;font-size:9px;display:block}.spark{color:#dba98d;font-size:42px;position:absolute;top:22px;right:26px}.tabs{background:#efe6dd;border-radius:14px;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:26px;padding:5px;display:grid}.tabs button{color:#8a7d73;background:0 0;border:0;border-radius:10px;padding:10px}.tabs button.active{color:#553b3b;background:#fff;box-shadow:0 4px 12px #61493a12}.tags{flex-wrap:wrap;gap:9px;margin:20px 0;display:flex}.tags span{color:#654e46;background:#fff;border:1px solid #d9c7b9;border-radius:999px;gap:5px;padding:9px 12px;font-size:12px;display:flex}.tags em{color:#a38f82;font-style:normal}.ratio{background:#f1e8df;border-radius:14px;align-items:center;gap:10px;padding:15px;display:flex}.ratio span{color:var(--muted);font-size:11px}.ratio strong{font:17px Georgia,serif}.ratio em{color:#a66e60;margin-left:auto;font-size:11px;font-style:normal}.details h3{color:#8c6a5e;margin:22px 0 12px;font-size:12px;font-weight:500}.metrics{gap:14px;display:grid}.metrics div{grid-template-columns:58px 1fr 28px;align-items:center;gap:10px;font-size:11px;display:grid}.metrics i{background:#eadfd6;border-radius:10px;height:4px;overflow:hidden}.metrics i b{background:linear-gradient(90deg,#bd7a6b,#81505a);border-radius:10px;height:100%;display:block}.metrics strong{text-align:right;font:15px Georgia,serif}.skin-note{background:#f1e8df;border-radius:12px;margin-top:22px;padding:14px}.advice-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:20px;display:grid}.advice-grid div{background:#f1e8df;border-radius:16px;min-height:138px;padding:17px}.advice-grid b{color:#86574e;font:18px Georgia,Songti SC,serif}.advice-grid p{color:var(--muted);margin:10px 0 0;font-size:11px;line-height:1.7}.share{color:#fff9f2;cursor:pointer;background:#563b3d;border:0;border-radius:16px;justify-content:space-between;align-items:center;width:100%;padding:17px 20px;display:flex;box-shadow:0 12px 25px #563b3d36}.share span{font-size:22px}.share:active{transform:translateY(1px)}.disclaimer{color:#9b9088;text-align:center;margin:20px 12px 0;font-size:9px;line-height:1.7}@keyframes spin{to{transform:rotate(380deg)scaleY(.86)}}@media (width>=521px){body{padding:30px 0}.shell{border-radius:28px}.hero{border-radius:28px 28px 0 0}}@media (width<=360px){.content{padding-left:12px;padding-right:12px}.animal-copy{max-width:70%}.animal-art{right:-45px}.advice-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.one{animation:none}}.bar{background:#eadfd6;border-radius:10px;height:4px;display:block;overflow:hidden}.bar b{background:linear-gradient(90deg,#bd7a6b,#81505a);border-radius:10px;height:100%;display:block}.report-nav{background:#e9ddd2;grid-template-columns:1fr 1fr;gap:8px;padding:7px;display:grid}.report-nav button{color:#8b7d74;text-align:left;background:0 0;border:0;border-radius:15px;flex-direction:column;gap:4px;padding:14px 12px;display:flex}.report-nav button.active{color:#503c3d;background:#fffaf5;box-shadow:0 6px 18px #624d3f16}.report-nav b{font-size:14px}.report-nav span{opacity:.72;font-size:10px}.lead{color:var(--muted);margin:0 0 24px;font-size:12px;line-height:1.85}.card h3{color:#80665b;margin:24px 0 12px;font-size:11px;font-weight:500}.parts{gap:5px;display:flex}.parts div{min-width:0}.parts b,.parts span{font-size:10px;display:block}.parts i{background:linear-gradient(135deg,#b7796c,#6d4650);border-radius:6px;height:34px;margin:7px 0;display:block}.parts span{color:#8b7d74;white-space:nowrap;font-size:9px}.five-eyes{gap:3px;display:flex}.five-eyes div{text-align:center;min-width:0}.five-eyes i{background:#d8b7a4;border-radius:5px;height:24px;margin-bottom:7px;display:block}.five-eyes div:nth-child(2) i,.five-eyes div:nth-child(4) i{background:#9f6965}.five-eyes div:nth-child(3) i{background:#714952}.five-eyes b,.five-eyes span{white-space:nowrap;font-size:8px;display:block;overflow:hidden}.five-eyes span{color:#9d8c82;margin-top:3px}.triangle{background:#f0e5dc;border-radius:14px;align-items:center;gap:10px;margin-top:24px;padding:16px;display:flex}.triangle span{color:#80736b;font-size:11px}.triangle strong{font:22px Georgia,serif}.triangle em{color:#a56f61;margin-left:auto;font-size:9px;font-style:normal}.feature-list{margin-top:18px}.feature-list>div{border-bottom:1px solid #e9ded4;grid-template-columns:28px 1fr;gap:11px;padding:15px 0;display:grid}.feature-list>div:last-child{border:0}.feature-list>div>span{color:#bf8574;padding-top:2px;font:11px Georgia,serif}.feature-list p{grid-template-columns:48px 1fr;margin:0;display:grid}.feature-list em{color:#8e8077;font-size:11px;font-style:normal}.feature-list b{font:17px Georgia,Songti SC,serif}.feature-list small{color:#9a8d84;grid-column:2;margin-top:6px;font-size:10px}.measurement-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px;display:grid}.measurement-grid div{text-align:center;background:#f0e5dc;border-radius:12px;padding:14px 9px}.measurement-grid span,.measurement-grid b{display:block}.measurement-grid span{color:#8e8077;font-size:9px}.measurement-grid b{margin-top:7px;font:15px Georgia,serif}.data-note{color:#a0948c;margin:18px 0 0;font-size:9px;line-height:1.7}.skin-head{align-items:center;gap:22px;margin:22px 0 28px;display:flex}.skin-head>div{color:#fff;text-align:center;background:linear-gradient(145deg,#c88d78,#6a4650);border-radius:50%;place-content:center;width:100px;height:100px;display:grid}.skin-head strong{font:40px Georgia,serif}.skin-head span{letter-spacing:.1em;font-size:9px}.skin-head p{color:#81736b;margin:0;font-size:11px;line-height:2}.skin-head p b{color:#563b3d;margin-right:5px;font:24px Georgia,Songti SC,serif;display:inline-block}.all-metrics{gap:13px;display:grid}.all-metrics>div{grid-template-columns:64px 1fr 28px;align-items:center;gap:9px;font-size:10px;display:grid}.all-metrics>div>strong{text-align:right;font:14px Georgia,serif}.condition-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:18px;display:grid}.condition-grid div{background:#f0e5dc;border-radius:13px;padding:14px}.condition-grid span,.condition-grid b,.condition-grid em{display:block}.condition-grid span{color:#897b72;font-size:10px}.condition-grid b{margin:8px 0 5px;font:18px Georgia,Songti SC,serif}.condition-grid em{color:#aa6f61;font-size:9px;font-style:normal}.zone-list{gap:11px;margin-top:18px;display:grid}.zone-list section{background:#f0e5dc;border-radius:14px;padding:14px}.zone-list h3{color:#654b46;margin:0 0 9px;font-size:12px}.zone-list section>div{grid-template-columns:1fr 1fr;gap:7px 16px;display:grid}.zone-list p{color:#887a72;justify-content:space-between;margin:0;font-size:10px;display:flex}.zone-list p b{color:#443839;font-weight:500}.priority{gap:0;display:grid}.priority>.index{margin-bottom:12px}.priority>div{border-bottom:1px solid #e7dbd1;grid-template-columns:36px 1fr;gap:8px;padding:13px 0;display:grid}.priority>div:last-child{border:0}.priority>div>b{color:#bc806e;font:16px Georgia,serif}.priority p{margin:0}.priority strong,.priority span{display:block}.priority strong{font-size:13px}.priority span{color:#94877e;margin-top:4px;font-size:10px}