:root{color-scheme:light;--bg: #fbf8ff;--surface: rgba(255, 255, 255, .78);--surface-solid: #fffefe;--surface-warm: rgba(255, 248, 254, .82);--red: #9b7bc3;--red-dark: #72559d;--rose: #f5d8ec;--sky: #dff8fa;--aqua: #aeeaf0;--pearl: #fff9ef;--ink: #4a3f54;--muted: #81788d;--line: rgba(164, 139, 199, .24);--line-strong: rgba(155, 123, 195, .42);--shadow: 0 22px 60px rgba(105, 79, 146, .12);--glow: 0 20px 60px rgba(246, 203, 235, .34);font-family:"Noto Serif TC",Songti TC,PingFang TC,Microsoft JhengHei,serif;line-height:1.75;font-weight:400;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:linear-gradient(128deg,#fff0 0,#fff0 35%,#cbf7fa80,#cbf7fa80,#fff0 38%,#fff0),linear-gradient(145deg,#f5d3eb80 0,#f5d3eb80 18%,#fff0 19%,#fff0),linear-gradient(180deg,#ffffffc7,#f5f0ffe0),var(--bg);background-attachment:fixed}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:linear-gradient(116deg,transparent 0 10%,rgba(226,213,255,.5) 11%,transparent 21%),linear-gradient(132deg,transparent 0 44%,rgba(255,207,235,.55) 45%,transparent 58%),linear-gradient(104deg,transparent 0 68%,rgba(184,246,241,.5) 69%,transparent 78%);filter:blur(18px);opacity:.72}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}a{color:inherit;text-decoration:none}p{margin:0 0 1rem}h1,h2,h3{margin:0;line-height:1.42;letter-spacing:0;font-weight:700}h1{font-size:clamp(2rem,7vw,4.25rem)}h2{font-size:clamp(1.5rem,4vw,2.45rem)}h3{font-size:1.05rem}ul,ol{margin:0;padding-left:1.4rem}.app-shell{min-height:100vh}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;width:min(100% - 2rem,1100px);margin:0 auto;padding:1.2rem 0;background:#ffffffad;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.72)}.brand,.footer-brand{display:inline-flex;align-items:center;gap:.7rem;color:var(--red);font-weight:700;white-space:nowrap}.brand-icon{display:inline-grid;place-items:center;width:32px;height:32px;border:1px solid currentColor;border-radius:999px;background:#ffffff8a;font-size:.8rem;line-height:1}.brand-icon.light{color:var(--surface)}.site-nav{display:flex;align-items:center;gap:1.3rem;color:#786d88;font-size:.94rem}.nav-link{padding:.35rem 0;border-bottom:1px solid transparent}.nav-link.active,.nav-link:hover{color:var(--red);border-color:currentColor}.menu-button{display:none;color:var(--red);background:transparent;border:0}.container{width:min(100% - 2rem,1100px);margin:0 auto}.container.narrow{width:min(100% - 2rem,790px)}.section-band{padding:6.2rem 0}.split-band{background:linear-gradient(120deg,#ffffff9e,#ebf6ff7a),linear-gradient(166deg,#fad6f147,#fff0);border-top:1px solid rgba(255,255,255,.8);border-bottom:1px solid rgba(155,123,195,.14)}.hero{min-height:calc(100vh - 86px);display:grid;align-items:center;position:relative;overflow:hidden}.hero-grid,.two-column{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);align-items:center;gap:5rem}.hero-copy{max-width:680px}.eyebrow{margin-bottom:.8rem;color:var(--red);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:0}.hero-lead,.page-hero p{margin-top:1.4rem;color:var(--muted);font-size:clamp(1.05rem,2vw,1.25rem)}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:1rem 1.4rem;margin-top:2.5rem}.hero-actions>span{max-width:360px;color:var(--muted);font-size:.92rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:46px;padding:.78rem 1.15rem;border:1px solid transparent;border-radius:4px;font-weight:700;letter-spacing:0;box-shadow:0 12px 32px #8465aa1f;transition:transform .16s ease,background .16s ease,color .16s ease,border .16s ease,box-shadow .16s ease}.button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 18px 38px #8465aa2e}.button-primary{color:#fff;background:linear-gradient(135deg,#8f72ba,#b899d3);border-color:#ffffff5c}.button-primary:hover{background:var(--red-dark)}.button-ghost{color:var(--red);background:#ffffff6b;border-color:var(--line-strong)}.button-light{color:var(--red);background:#ffffffe0;border-color:#ffffffb3}.decorative-mark{display:flex;justify-content:center}.mark-panel{position:relative;display:grid;place-items:center;width:min(100%,430px);aspect-ratio:1;background:linear-gradient(128deg,#ffffffd1,#ead5ff85 42%,#cffaf98a),linear-gradient(22deg,#ffdbf194,#fff0);color:var(--red);overflow:hidden;border:1px solid rgba(255,255,255,.78);border-radius:8px;box-shadow:var(--shadow),var(--glow)}.mark-panel:before,.mark-panel:after{content:"";position:absolute;top:14%;right:-12%;bottom:14%;left:-12%;background:#ffffff7a;transform:rotate(-16deg)}.mark-panel:after{inset:auto -12% 13%;height:24%;background:#bff5f85c;transform:rotate(8deg)}.mark-glass{position:absolute;top:12%;right:12%;bottom:12%;left:12%;border:1px solid rgba(255,255,255,.82);background:#fff3}.mark-ribbon{position:absolute;inset:46% -15% auto;height:26%;background:linear-gradient(90deg,#f4c8eb94,#cdeeff99,#fff0);transform:rotate(-6deg)}.mark-circle{position:absolute;border:1px solid rgba(255,255,255,.86);border-radius:999px;box-shadow:inset 7px 8px 22px #fff9,inset -7px -8px 18px #a6ddee33}.mark-circle-large{width:66%;height:66%}.mark-circle-small{right:16%;bottom:18%;width:17%;height:17%;opacity:.84}.mark-line{position:absolute;width:72%;height:1px;background:#ffffffd6;transform:rotate(-18deg)}.mark-icon{position:relative;z-index:1;display:grid;place-items:center;width:118px;height:118px;background:#fff9;border:1px solid rgba(255,255,255,.84);border-radius:50%;box-shadow:0 18px 44px #8b69b224}.mark-sparkle{position:absolute;right:24%;top:26%;z-index:1}.section-header{max-width:760px;margin-bottom:2.3rem}.section-header-center{text-align:center;margin-left:auto;margin-right:auto}.section-header p:not(.eyebrow){margin-top:1rem;color:var(--muted)}.pain-grid,.type-grid,.book-grid,.result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.soft-card,.type-card,.book-card,.result-card,.list-panel{background:var(--surface);border:1px solid rgba(255,255,255,.74);border-radius:8px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.soft-card{display:flex;gap:.8rem;padding:1.2rem;color:var(--red)}.soft-card p{margin:0;color:var(--ink)}.process-list{display:grid;gap:.9rem}.process-step{display:grid;grid-template-columns:52px 1fr;align-items:center;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--line)}.process-step span{color:var(--red);font-size:.86rem;font-weight:700}.process-step p{margin:0}.contrast-table{width:min(100%,820px);margin:0 auto;padding:0 1.4rem;background:#ffffff7a;border:1px solid rgba(255,255,255,.72);border-radius:8px;box-shadow:var(--shadow)}.contrast-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--line)}.contrast-row p{margin:0}.contrast-row p:first-child{color:var(--muted)}.contrast-row p:last-child{color:var(--red);font-weight:700}.quiz-invite{position:relative;padding-top:4rem;padding-bottom:4rem}.invite-box{display:grid;justify-items:center;text-align:center;padding:3rem 1.5rem;background:linear-gradient(140deg,#ffffffc7,#f0dcff8f),linear-gradient(28deg,#c9f7f770,#fff0);border:1px solid rgba(255,255,255,.78);border-radius:8px;box-shadow:var(--shadow),var(--glow);color:var(--red)}.invite-box .section-header{margin-bottom:1.3rem;color:var(--ink)}.quiz-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;margin:1rem 0 1.6rem}.quiz-meta span{padding:.35rem .7rem;color:var(--red);border:1px solid rgba(255,255,255,.76);border-radius:999px;background:#ffffff8f;font-size:.9rem}.type-card{padding:1.25rem}.type-card span{color:var(--red);font-size:.8rem;font-weight:700}.type-card h3{margin-top:.4rem;color:var(--red)}.type-card p,.book-card p{margin:.6rem 0 0;color:var(--muted);font-size:.94rem}.type-card.compact{box-shadow:none}.founder-block{grid-template-columns:minmax(240px,.7fr) minmax(0,1fr)}.portrait-placeholder{display:grid;place-items:center;min-height:330px;background:linear-gradient(132deg,#ffffffdb,#dbf4fb94),linear-gradient(26deg,#f7cdeb80,#fff0);color:var(--red);border:1px solid rgba(255,255,255,.76);border-radius:8px;box-shadow:var(--shadow)}.inline-actions,.result-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.4rem}.inline-actions.centered{justify-content:center}.final-cta{color:#fff;background:linear-gradient(116deg,#7f67a6f0,#b690cddb),linear-gradient(28deg,#baf2f680,#fff0)}.final-cta-inner,.result-actions{display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.final-cta h2{max-width:760px;color:#fff}.site-footer{padding:5rem 0;color:#fff;background:linear-gradient(180deg,#72559df2,#4f4362f5),linear-gradient(128deg,#f6c7ea57,#baf2f633);border-top:1px solid rgba(255,255,255,.35)}.footer-inner{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(180px,.65fr) minmax(220px,.9fr);gap:3rem;width:min(100% - 2rem,1100px);margin:0 auto}.footer-inner p,.footer-inner a{color:#ffffffd1}.footer-links{display:grid;gap:.6rem}.footer-note p:last-child{margin-top:2rem;font-size:.78rem;font-style:italic}.page-hero{padding-top:5rem;padding-bottom:5rem}.page-hero .container{border-bottom:1px solid var(--line-strong);padding-bottom:2rem}.list-panel{padding:1.25rem;border-left:4px solid var(--red)}.list-panel.blue-line{border-left-color:#73cbd5}.list-panel p{margin:0;padding:.65rem 0;border-bottom:1px solid rgba(155,123,195,.14)}.list-panel p:last-child{border-bottom:0}.content-flow{display:grid;gap:1.8rem}blockquote{margin:0;padding:1.3rem 1.5rem;color:var(--red);background:#ffffffad;border-left:4px solid var(--red);border-radius:8px;box-shadow:var(--shadow)}.book-grid{margin-top:2rem;grid-template-columns:repeat(4,minmax(0,1fr))}.book-card{padding:1.2rem}.book-card svg{color:var(--red)}.quiz-page{min-height:calc(100vh - 86px);display:grid;align-items:center}.quiz-shell{width:min(100% - 2rem,820px);padding:2rem;background:linear-gradient(150deg,#ffffffdb,#f6e7ffb8),linear-gradient(24deg,#ccf8fa57,#fff0);border:1px solid rgba(255,255,255,.78);border-radius:8px;box-shadow:var(--shadow),var(--glow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.intro-shell,.loading-shell{text-align:center}.intro-shell p{color:var(--muted)}.small-note{margin-top:1.6rem;color:var(--muted);font-size:.86rem}.progress-row{display:flex;justify-content:space-between;gap:1rem;color:var(--red);font-size:.88rem;font-weight:700}.progress-track{height:8px;margin:.75rem 0 2.2rem;background:#ffffff9e;border-radius:999px;overflow:hidden;box-shadow:inset 0 0 0 1px #9b7bc329}.progress-track.thin{height:7px;margin:.4rem 0 0}.progress-fill{height:100%;background:linear-gradient(90deg,#9b7bc3,#efb4da,#9ee5eb);border-radius:999px}.question-shell h1{margin-bottom:1.8rem;font-size:clamp(1.55rem,4vw,2.45rem)}.option-list{display:grid;gap:.75rem}.option-card{display:grid;grid-template-columns:42px 1fr 22px;align-items:center;gap:.8rem;width:100%;min-height:64px;padding:.9rem 1rem;text-align:left;color:var(--ink);background:#ffffff9e;border:1px solid rgba(255,255,255,.76);border-radius:8px;box-shadow:0 10px 26px #694f9212;transition:border .16s ease,background .16s ease,transform .16s ease,box-shadow .16s ease}.option-card:hover{transform:translateY(-1px);border-color:#9b7bc35c;box-shadow:0 16px 34px #694f921a}.option-card.selected{color:var(--red);background:#fff8fde6;border-color:var(--red)}.option-label{display:grid;place-items:center;width:34px;height:34px;color:var(--red);border:1px solid var(--line-strong);border-radius:999px;font-weight:700}.quiz-controls{position:sticky;bottom:0;display:flex;justify-content:space-between;gap:1rem;margin:1.5rem -2rem -2rem;padding:1rem 2rem;background:#ffffffbd;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line)}.spin{color:var(--red);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.result-hero{position:relative;padding-bottom:4rem}.result-summary{text-align:center}.result-name{margin:1.2rem 0;color:var(--red);font-size:clamp(2rem,6vw,4rem);font-weight:700;line-height:1.25;text-shadow:0 12px 36px rgba(155,123,195,.18)}.result-name span{color:var(--muted)}.result-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.result-card{padding:1.4rem}.result-card h2{margin-bottom:1rem;color:var(--red);font-size:1.2rem}.accent-card{background:#fff8fdd6}.accent-card.blue{background:#ebfafcd6}.secondary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin-top:1.2rem}.dimension-bars{display:grid;gap:1rem;margin-top:1.4rem}.dimension-row>div:first-child{display:flex;justify-content:space-between;color:var(--red);font-size:.92rem;font-weight:700}.reflection-list{display:grid;gap:.7rem;padding-left:1.3rem}.not-found{text-align:center}@media(max-width:860px){.site-header{width:100%;padding:1rem}.menu-button{display:inline-flex}.site-nav{position:absolute;top:100%;left:1rem;right:1rem;display:none;flex-direction:column;align-items:stretch;gap:.5rem;padding:1rem;background:#ffffffe6;border:1px solid rgba(255,255,255,.78);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.site-nav.is-open{display:flex}.section-band{padding:4.2rem 0}.hero{min-height:auto}.hero-grid,.two-column,.founder-block,.footer-inner{grid-template-columns:1fr;gap:2.2rem}.hero-copy{order:1}.decorative-mark{order:2}.mark-panel{width:min(100%,340px)}.pain-grid,.type-grid,.book-grid,.result-grid,.contrast-row,.secondary-grid{grid-template-columns:1fr}.final-cta-inner,.result-actions{align-items:stretch;flex-direction:column}.button,.hero-actions,.hero-actions .button{width:100%}.quiz-shell{padding:1.1rem}.quiz-controls{margin:1.2rem -1.1rem -1.1rem;padding:.85rem 1.1rem}.option-card{grid-template-columns:38px 1fr 20px;min-height:58px}.portrait-placeholder{min-height:240px}}@media(max-width:480px){h1{font-size:2rem}.brand span:last-child{font-size:.95rem}.quiz-controls{flex-direction:column}}