:root{--bg:radial-gradient(circle at 50% 0%, #ffcb9b52, transparent 28%), radial-gradient(circle at 10% 18%, #ffe9c352, transparent 24%), radial-gradient(circle at 88% 14%, #ffd0bc3d, transparent 22%), linear-gradient(180deg, #fff6ea 0%, #fffaf3 42%, #f6efe5 100%);--panel:#fffcf7d6;--panel-strong:#ffffffe0;--ink:#2e1f16;--text:#5b4637;--muted:#9a8572;--line:#80583b1f;--gold:#c9822b;--orange:#e8a457;--rose:#ce6d6d;--button-blue-start:#2d67ff;--button-blue-end:#1948c7;--shadow:0 24px 55px #6e4a271f;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Avenir Next,PingFang SC,Microsoft YaHei,sans-serif;font-weight:400;line-height:1.55}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}html,body,#app{min-width:320px;min-height:100%;margin:0}body{background:var(--bg);overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;background:0 0;border:0}.snap-shell{scroll-snap-type:y mandatory;scroll-behavior:smooth;height:100svh;overflow-y:auto}.snap-panel{scroll-snap-align:start;scroll-snap-stop:always;justify-content:center;align-items:center;min-height:100svh;padding:12px;display:flex}.panel-card{background:linear-gradient(180deg, #ffffffc7, #fffaf2db), var(--panel);width:min(100%,720px);min-height:calc(100svh - 24px);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid #ffffffad;border-radius:32px;flex-direction:column;justify-content:center;padding:28px 20px;display:flex}.panel-card-cover{background:radial-gradient(circle at 50% 18%, #ffecd3c7, transparent 30%), radial-gradient(circle at 80% 80%, #ce6d6d1a, transparent 24%), linear-gradient(180deg, #ffffffc2, #fff9f0e0), var(--panel);justify-content:center;position:relative}.panel-topbar{justify-content:space-between;align-items:center;display:flex;position:absolute;top:20px;left:20px;right:20px}.section-emoji,.github-button{border:1px solid var(--line);background:#ffffffbd;border-radius:14px;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex;box-shadow:0 10px 24px #6e4a2714}.github-button{color:var(--ink)}.github-button svg{width:20px;height:20px}.hero-center,.panel-stack-center{text-align:center;align-items:center}.hero-center{flex-direction:column;justify-content:center;align-items:center;gap:18px;width:100%;min-height:100%;display:flex}.panel-stack{gap:20px}.hero-badges{gap:12px;margin-bottom:18px;display:flex}.hero-badges span{border:1px solid var(--line);background:#ffffffb8;border-radius:18px;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.4rem;display:inline-flex}h1,h2,h3,p{margin:0}h1{max-width:8em;color:var(--ink);letter-spacing:-.05em;font-size:clamp(2.8rem,12vw,4.5rem);line-height:.95}h2{color:var(--ink);letter-spacing:-.04em;font-size:clamp(1.9rem,8vw,3rem);line-height:1.05}h3{color:var(--ink);font-size:1.25rem;line-height:1.2}.hero-subtitle,.body-copy,.legal-copy{max-width:34rem}.hero-subtitle{color:var(--muted);font-size:1.04rem;line-height:1.9}.hero-actions{width:100%;margin-top:10px}.body-copy-muted,.legal-copy{color:var(--muted)}.primary-button,.secondary-button,.hero-scroll-text,.quiz-close,.quiz-box,.keypad-key{cursor:pointer}.primary-button,.secondary-button{border-radius:20px;width:100%;padding:18px;font-weight:800;transition:transform .2s,box-shadow .2s}.primary-button{color:#fff;background:linear-gradient(135deg, var(--button-blue-start), var(--button-blue-end));box-shadow:0 18px 28px #2d67ff3d}.secondary-button{color:var(--ink);border:1px solid var(--line);background:#ffffffb8}.primary-button:hover,.secondary-button:hover,.hero-scroll-text:hover,.quiz-close:hover,.quiz-box:hover,.keypad-key:hover,.github-button:hover{transform:translateY(-1px)}.hero-scroll-text{color:var(--muted);letter-spacing:.08em;margin-top:8px;font-size:.98rem}.section-title-wrap{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.topbar-spacer{width:44px;height:44px}.feature-card,.factor-card,.profile-card{background:var(--panel-strong);border:1px solid var(--line);border-radius:24px;width:100%;padding:18px 18px 16px;box-shadow:0 14px 28px #6e4a2712}.feature-card-warm{background:linear-gradient(#fff8ecf5,#fffcf6eb)}.feature-card-blue{background:linear-gradient(#eff4fff0,#fafcffe6)}.feature-card-rose{background:linear-gradient(#fff4f2f0,#fffbf9e6)}.inline-link{color:var(--gold);align-items:center;gap:6px;margin-top:12px;font-weight:700;display:inline-flex}.body-copy{text-align:center;margin-top:10px;line-height:1.72}.body-copy-left{text-align:left}.body-copy-center{text-align:center}.body-copy-compact{margin-top:8px;line-height:1.42}.highlight{color:var(--rose);font-weight:700}.highlight-accent{color:var(--button-blue-start);font-weight:800}.core-frame{gap:14px;margin-bottom:4px;display:grid}.core-frame-line{background:linear-gradient(90deg,#0000 0%,#80583b2e 18% 82%,#0000 100%);height:1px}.core-frame-value{color:var(--ink);letter-spacing:.16em;text-align:center;background:#ffffff8f;border:1px solid #80583b1a;border-radius:20px;padding:16px 18px;font-size:1.18rem;font-weight:800}.core-lead{color:var(--ink);text-align:center;margin-top:2px;font-size:1.06rem;line-height:1.84}.factor-list{gap:14px;width:100%;display:grid}.factor-card:first-child{background:linear-gradient(#fff8eef5,#fffcf8eb)}.factor-card:nth-child(2){background:linear-gradient(#fff3e8f5,#fffaf4eb)}.factor-card:nth-child(3){background:linear-gradient(#fffaf0f5,#fffdf8eb)}.factor-card:nth-child(4){background:linear-gradient(#fff1f0f5,#fff9f7eb)}.result-summary-card{text-align:center;justify-items:center;gap:12px;display:grid}.result-summary-main{text-align:center;width:100%;max-width:38rem;margin:0 auto}.result-summary-title{text-align:center}.global-result-list{gap:6px;width:100%;max-width:38rem;margin:0 auto;display:grid}.factor-result{border-top:1px dashed #80583b29;margin-top:14px;padding-top:14px}.factor-result-head{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;font-size:.92rem;display:flex}.factor-result-head strong{color:var(--ink);font-size:1rem}.factor-card .body-copy{margin-top:6px;line-height:1.5}.result-bar{background:#2d67ff1a;border-radius:999px;height:10px;margin-top:10px;overflow:hidden}.result-bar-fill{background:linear-gradient(135deg, var(--button-blue-start), var(--rose));border-radius:inherit;height:100%;display:block}.profile-card{align-items:center;gap:14px;display:flex}.profile-card-large{text-align:center;background:radial-gradient(circle at 50% 18%,#fffffff5,#0000 42%),linear-gradient(#fffbf6f5,#fff6eced);flex-direction:column;justify-content:center;min-height:392px}.profile-avatar{object-fit:cover;border:3px solid #c9822b1f;border-radius:50%;flex-shrink:0;width:62px;height:62px}.profile-avatar-large{border-width:4px;width:108px;height:108px}.profile-copy{text-align:left;flex-direction:column;gap:4px;display:flex}.profile-copy strong{color:var(--ink);font-size:1.12rem}.profile-copy span{color:var(--muted);font-size:.92rem}.profile-copy-center{text-align:center;align-items:center}.profile-rail-wrap{background:0 0;width:calc(100% + 16px);min-height:452px;margin:0 -8px;padding:12px 0 24px;overflow:visible}.profile-rail{overscroll-behavior-x:contain;overscroll-behavior-y:none;touch-action:auto;scroll-snap-type:x mandatory;grid-auto-columns:66%;grid-auto-flow:column;gap:14px;margin:0;padding:0 17%;scroll-padding-inline:50%;list-style:none;display:grid;overflow:auto visible}.profile-rail::-webkit-scrollbar{display:none}.profile-slide{scroll-snap-align:center;padding:18px 0;transition:transform .28s}.profile-slide-active{transform:scale(1.06)}.quiz-overlay{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#35221261;justify-content:center;align-items:center;padding:12px;display:flex;position:fixed;inset:0;overflow:hidden}.quiz-sheet{background:linear-gradient(#fffcf7f5,#fff7ecf5);border:1px solid #ffffffb3;border-radius:28px;flex-direction:column;gap:12px;width:min(100%,720px);height:auto;max-height:min(92svh,760px);padding:20px 18px;display:flex;overflow-y:auto;box-shadow:0 26px 56px #3d261238}.quiz-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.quiz-header-center{text-align:center;justify-content:center;padding:8px 0 6px}.quiz-title{color:var(--ink);letter-spacing:-.05em;text-wrap:balance;font-size:clamp(2.15rem,7vw,3.1rem);font-weight:900;line-height:1.02}.quiz-box-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.quiz-box{text-align:left;border:1px solid var(--line);background:#ffffffc2;border-radius:20px;flex-direction:column;justify-content:space-between;min-height:122px;padding:14px 12px;display:flex}.quiz-box-active{border-color:#2d67ff47;box-shadow:0 0 0 3px #2d67ff1a}.quiz-box-label{color:var(--ink);font-weight:700;line-height:1.4}.quiz-box-value{color:var(--button-blue-start);letter-spacing:-.04em;font-size:1.6rem;line-height:1}.keypad{gap:10px;margin-bottom:0;display:grid}.keypad-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.keypad-key{height:54px;color:var(--ink);border:1px solid var(--line);background:#fffc;border-radius:18px;font-size:1.18rem;font-weight:800}.keypad-key-action{color:var(--gold)}.primary-button-full{flex-shrink:0;margin-top:0}.primary-button:disabled{opacity:.48;cursor:not-allowed;box-shadow:none;transform:none}@media (width>=768px){.panel-card{width:min(100%,860px);padding:30px 32px}.feature-card,.factor-card,.profile-card{padding:22px 22px 20px}.factor-list{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-rail{grid-auto-columns:58%;padding:0 18%}}@media (width<=560px){.panel-card{border-radius:26px;padding:20px 16px}.panel-topbar{top:16px;left:16px;right:16px}.hero-badges span{width:48px;height:48px}.core-numbers{grid-template-columns:repeat(2,minmax(0,1fr))}.quiz-sheet{border-radius:24px;max-height:calc(100svh - 24px);padding:16px 14px}.quiz-box-grid{gap:10px}.quiz-box{min-height:108px;padding:12px 10px}.quiz-box-value{font-size:1.4rem}.keypad-key{border-radius:16px;height:50px}.profile-rail{grid-auto-columns:74%;padding:0 13%}}