*{box-sizing:border-box}:root{color:#13211f;background:#dfe9e6;font-family:Noto Sans SC,Microsoft YaHei,PingFang SC,sans-serif}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(135deg,rgba(20,58,52,.08) 0 25%,transparent 25% 100%),#dfe9e6}button,input{font:inherit}button{border:0;cursor:pointer}.app-shell{min-height:100vh;max-width:560px;margin:0 auto;padding-bottom:80px;background:#f8faf7;box-shadow:0 0 0 1px #143a3414,0 16px 48px #1a1d181f}.hero{position:sticky;top:0;z-index:5;padding:14px 16px 12px;color:#fff;background:linear-gradient(120deg,rgba(221,57,57,.34),transparent 42%),#123832}.hero__top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.eyebrow{margin:0 0 3px;color:#d8f3eb;font-size:11px;letter-spacing:0}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-size:22px;line-height:1.12}.sync-button{width:34px;height:34px;display:inline-grid;place-items:center;border-radius:999px;color:#122823;background:#f4c84f;font-weight:800}.sync-button:disabled{cursor:progress;opacity:.7}.source-switch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:12px;padding:4px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:#ffffff1a}.source-switch button{min-width:0;min-height:34px;border-radius:999px;color:#dce7e3;background:transparent;font-weight:800;font-size:15px;white-space:nowrap}.source-switch .active{color:#17201e;background:#f8f4dc}.content{padding:10px 12px 4px}.notice,.empty{padding:14px;border-radius:8px;color:#71521d;background:#fff0c2;border:1px solid #ecc65e}.draw-card,.stat-card,.info-card,.material-card,.reference-card,.reference-poster-card{border:1px solid #e6dcc8;border-radius:8px;background:#fff;box-shadow:0 12px 32px #1c373014}.draw-card{padding:12px;margin-bottom:10px}.draw-card.compact{padding:10px;border-radius:8px}.draw-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.draw-card__head p{margin-bottom:3px;color:#687a75;font-size:11px}.draw-card__head h2{margin-bottom:0;font-size:15px}.status{padding:5px 8px;border-radius:999px;font-size:11px;font-weight:900;white-space:nowrap}.status.verified{color:#0d5a36;background:#dff5e7}.status.pending{color:#7b5217;background:#fff0c2}.balls{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px}.ball{aspect-ratio:1;min-width:0;border-radius:999px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff;box-shadow:inset 0 -8px 12px #0000001f,0 4px 10px #12383214}.ball strong{font-size:clamp(12px,3.5vw,17px);line-height:1}.ball span{margin-top:1px;font-size:clamp(8px,2.3vw,11px);font-weight:800;line-height:1}.red{background:#d93d3d}.blue{background:#236eb6}.green{background:#1e8b63}.summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px}.summary-grid span{min-width:0;padding:7px 8px;border-radius:8px;color:#45544e;background:#eef4f1;font-size:11.5px;line-height:1.35}.search-row{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:10px 0 6px}.search-row input{min-width:0;border:1px solid #ccdcd6;border-radius:7px;padding:10px;color:#1c2a27;background:#fff}.search-actions{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin:0 0 8px}.search-actions span{color:#6d7d77;font-size:11px;line-height:1.4}.search-actions button{flex:0 0 auto;min-height:34px;padding:0 12px;border:1px solid #d3dfda;border-radius:8px;color:#123832;background:#f1f6f4;font-size:12px;font-weight:800}.load-more-button{border-radius:8px;min-height:40px;padding:0 12px;color:#fff;background:#123832;font-weight:800}.load-more-button{width:100%;margin-top:2px;font-size:15px}.section-title{display:flex;align-items:center;justify-content:space-between;margin:14px 2px 8px}.section-title h2{margin:0;font-size:16px}.section-title span{color:#78837d;font-size:12px}.draw-list,.panel-stack{display:grid;gap:10px}.stat-card,.info-card,.material-card,.reference-card,.reference-poster-card{padding:13px}.stat-card h3,.info-card h3,.material-card h3,.reference-card h3,.reference-poster-card h3{margin-bottom:10px}.card-heading{display:flex;align-items:center;gap:9px;margin-bottom:11px}.card-heading__icon{flex:0 0 auto;width:32px;height:32px;display:inline-grid;place-items:center;border-radius:8px;color:#123832;background:#f4c84f;box-shadow:inset 0 -8px 14px #7f623024}.card-heading h3{margin:0;font-size:15px;line-height:1.2}.card-heading small{display:block;margin-top:3px;color:#75847f;font-size:11px;font-weight:800}.trend-summary-card{display:grid;grid-template-columns:minmax(106px,auto) 1fr;gap:10px;align-items:center;padding:12px;border:1px solid #dbe8e2;border-radius:8px;background:linear-gradient(90deg,rgba(244,200,79,.28),transparent 44%),#f4f8f5}.trend-summary-card div{display:grid;gap:3px}.trend-summary-card span{color:#7a5f1c;font-size:11px;font-weight:900}.trend-summary-card strong{color:#123832;font-size:16px}.trend-summary-card p{margin:0;color:#5d6a64;font-size:12px;line-height:1.55}.trend-chart-grid{display:grid;gap:10px}.trend-chart-card{overflow:hidden}.trend-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.trend-card-head .card-heading{margin-bottom:8px}.trend-card-head>span{flex:0 0 auto;min-height:28px;display:inline-flex;align-items:center;padding:4px 8px;border:1px solid #d8e4de;border-radius:7px;color:#123832;background:#f7faf8;font-size:12px;font-weight:900}.trend-explain{display:grid;gap:5px;margin:0 0 12px;padding:9px 10px;border-radius:8px;color:#4f5f59;background:#f1f6f3;font-size:12px;line-height:1.45}.trend-explain strong{color:#123832}.column-trend{--bar-count: 10;display:grid;grid-template-columns:repeat(var(--bar-count),minmax(0,1fr));gap:5px;min-width:0;height:178px;padding:8px 2px 0;border-bottom:1px solid #27332f;background:linear-gradient(#e8efec 1px,transparent 1px) 0 24px / 100% 37px}.column-trend__item{min-width:0;display:grid;grid-template-rows:22px 1fr 22px;justify-items:center;align-items:end}.column-trend__value{color:#44534e;font-size:10px;font-weight:800;line-height:1;white-space:nowrap}.column-trend__item i{width:min(18px,70%);min-height:9px;display:block;border-radius:999px 999px 3px 3px;box-shadow:0 4px 10px #2f4aa01f}.column-trend__item strong{max-width:100%;overflow:hidden;color:#1e2925;font-size:11px;font-weight:900;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.donut-trend{display:grid;grid-template-columns:minmax(112px,.9fr) minmax(132px,1fr);gap:10px;align-items:center}.donut-trend__list{display:grid;gap:7px}.donut-trend__list span{min-width:0;display:flex;align-items:center;gap:7px;color:#293834;font-size:13px;font-weight:800;line-height:1.2}.donut-trend__list i{flex:0 0 auto;width:14px;height:14px;border-radius:4px}.donut-trend__chart{position:relative;width:min(150px,100%);aspect-ratio:1;justify-self:center;border-radius:999px}.donut-trend__chart:after{content:"";position:absolute;top:28%;right:28%;bottom:28%;left:28%;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px #eef3f0}.donut-trend__chart span{position:absolute;top:37%;right:37%;bottom:37%;left:37%;z-index:1;display:grid;place-items:center;color:#123832;font-size:12px;font-weight:900}.trend-footnote{margin:10px 0 0;color:#6a7b75;font-size:11px;line-height:1.45}.stat-card--compact{display:grid;gap:2px}.number-cloud,.chips{display:flex;flex-wrap:wrap;gap:8px}.number-cloud span,.chips span{padding:7px 10px;border-radius:999px;color:#18201f;background:#f4c84f;font-weight:900}.chips small{color:#6d571e}.number-cloud small{color:#725a18}.number-cloud.muted span,.muted-chips span{background:#dfe9e6}.alt-chips span{background:#e8f1ef}.neutral-chips span{background:#edf4f1}.recent-insights{display:grid;gap:10px}.insight-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.compact-card{padding:12px}.compact-card h3{margin-bottom:10px;font-size:14px}.wave-bars{display:grid;gap:10px}.wave-bars div{position:relative;min-height:32px;border-radius:8px;overflow:hidden;background:#edf4f1}.wave-bars i{position:absolute;inset:0 auto 0 0;display:block;border-radius:8px}.wave-bars span{position:relative;z-index:1;display:block;padding:8px 10px;color:#18201f;font-weight:800}.material-card{position:relative;overflow:hidden;color:#17201e;border-color:#dfd2bd}.material-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.25;pointer-events:none}.amber-grid:before{background:linear-gradient(135deg,#f4c84f 0 20%,transparent 20% 40%,#f4c84f 40% 60%,transparent 60%)}.zodiac-soft:before{background:radial-gradient(circle at 20% 10%,#d93d3d,transparent 30%),radial-gradient(circle at 90% 80%,#1e8b63,transparent 30%)}.wave-clean:before{background:linear-gradient(90deg,#d93d3d,#236eb6,#1e8b63)}.material-card>*{position:relative}.material-card__top{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.material-card__icon{width:34px;height:34px;display:inline-grid;place-items:center;border-radius:8px;color:#fff;background:#123832}.material-card__label{display:inline-flex;align-items:center;min-height:28px;padding:5px 9px;border-radius:999px;color:#fff;background:#123832;font-size:12px;font-weight:900}.zodiac-line{margin-top:10px;color:#5d6a64;font-weight:800}.info-card p,.material-card p,.reference-poster-card p{color:#5d6a64;line-height:1.65}.reference-poster-card{padding:12px}.reference-poster-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:3px 3px 12px}.reference-poster-card__kicker{margin-bottom:4px;color:#b23a32;font-size:12px;font-weight:900}.reference-poster-card__head h3{margin-bottom:4px}.reference-poster-card__head p{margin-bottom:0;font-size:12px}.reference-poster-card__head a{flex:0 0 auto;min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;border-radius:999px;color:#123832;background:#f4c84f;font-size:12px;font-weight:900;text-decoration:none}.reference-poster-preview{position:relative;display:block;height:360px;overflow:hidden;border:1px solid #d7e4df;border-radius:8px;background:#f8faf7;text-decoration:none}.reference-poster-preview img{display:block;width:100%;height:auto}.reference-poster-preview:after{content:"";position:absolute;inset:auto 0 0;height:110px;background:linear-gradient(180deg,#f8faf700,#f8faf7fa)}.reference-poster-preview span{position:absolute;left:14px;right:14px;bottom:13px;z-index:1;display:grid;place-items:center;min-height:44px;border-radius:8px;color:#fff;background:#123832;font-weight:900}.reference-tables{display:grid;gap:11px}.zodiac-grid,.meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.zodiac-grid div,.meta-grid div{min-width:0;padding:10px;border-radius:8px;background:#eef4f1}.meta-grid .meta-card{position:relative;overflow:hidden;padding:10px;border:1px solid #dce8e2;background:linear-gradient(135deg,rgba(244,200,79,.22),transparent 42%),#f3f8f5}.meta-card__head{display:flex;align-items:center;gap:8px}.zodiac-grid strong,.meta-grid strong{display:inline-flex;width:30px;height:30px;align-items:center;justify-content:center;margin-right:8px;border-radius:999px;color:#fff;background:#123832;font-weight:900}.zodiac-grid span,.meta-grid span,.meta-grid small{color:#40514c;font-weight:800}.meta-grid .meta-card span,.meta-grid .meta-card small{display:inline-flex;align-items:center;gap:5px;min-width:0;margin-top:0;line-height:1.35}.meta-grid .meta-card small{margin-top:8px;color:#697a75;font-size:11px}.color-row,.element-list div{display:grid;grid-template-columns:64px 1fr;gap:8px;align-items:start;padding:9px 0;border-top:1px solid #edf2ef}.color-row:first-of-type,.element-list div:first-child{border-top:0}.color-row strong,.element-list strong{display:inline-flex;min-height:30px;align-items:center;justify-content:center;border-radius:999px;color:#fff;font-size:13px;font-weight:900}.element-list strong{background:#7f6230}.color-row span,.element-list span{color:#273d38;font-size:14px;font-weight:800;line-height:1.75}.classic-list{display:grid;gap:12px}.classic-list section{padding:11px;border-radius:8px;background:#eef4f1}.classic-list h4{margin:0 0 8px;color:#123832}.classic-list p{display:grid;grid-template-columns:76px 1fr;gap:8px;margin:6px 0 0;color:#40514c;line-height:1.55}.classic-list p strong{color:#b23a32}.trait-grid{display:grid;gap:12px}.trait-grid section{padding:11px;border-radius:8px;background:#eef4f1}.trait-grid h4{margin:0 0 8px;color:#123832}.trait-grid p{display:grid;grid-template-columns:52px 1fr;gap:8px;margin:6px 0 0;color:#40514c;line-height:1.55}.trait-grid p strong{color:#b23a32}.trait-grid p span{font-size:13px;font-weight:700}details{margin-top:10px}summary{color:#31544d;font-weight:900}details div{margin-top:9px;color:#34443f;line-height:1.75}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:9;width:min(560px,100%);margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:8px 8px calc(8px + env(safe-area-inset-bottom));border-top:1px solid #d7e4df;background:#fffffff2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.bottom-nav button{min-height:38px;border-radius:8px;display:grid;place-items:center;align-content:center;gap:2px;color:#68756f;background:transparent;font-weight:900;font-size:11px}.bottom-nav svg{display:block}.bottom-nav .active{color:#17201e;background:#f4c84f}.back-to-top{position:fixed;right:max(14px,calc((100vw - min(560px,100%))/2 + 14px));bottom:calc(74px + env(safe-area-inset-bottom));z-index:10;width:42px;height:42px;display:inline-grid;place-items:center;border-radius:999px;color:#fff;background:#123832;box-shadow:0 10px 24px #1238323d}@media(max-width:430px){.hero{padding:12px 14px 10px}h1{font-size:20px}.source-switch button{min-height:32px;font-size:13px}.draw-card__head h2{font-size:14px}.summary-grid span,.search-row input,.load-more-button{font-size:11px}.trend-summary-card{grid-template-columns:1fr}.trend-card-head{display:grid}.trend-card-head>span{justify-self:start}.donut-trend{grid-template-columns:1fr}.donut-trend__list{grid-template-columns:repeat(2,minmax(0,1fr))}.donut-trend__chart{width:min(168px,64vw)}.column-trend{gap:3px}.column-trend__value,.column-trend__item strong{font-size:10px}}@media(min-width:720px){.app-shell{margin-top:22px;margin-bottom:22px;border-radius:28px;overflow:hidden}}