:root{color-scheme:light;--bg: #e8fbff;--surface: rgba(255, 255, 255, .68);--surface-solid: #fbfeff;--surface-warm: rgba(250, 254, 255, .78);--red: #168dbc;--red-dark: #0a719d;--rose: #fff3c6;--sky: #8ee9f6;--aqua: #34c7dd;--pearl: #fffdf1;--ink: #214354;--muted: #5b7b8d;--line: rgba(42, 164, 199, .2);--line-strong: rgba(22, 141, 188, .42);--shadow: 0 24px 70px rgba(6, 106, 145, .15);--glow: 0 22px 70px rgba(120, 229, 244, .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:radial-gradient(ellipse at 22% 13%,rgba(255,255,255,.94) 0 9%,rgba(255,255,255,.52) 10% 15%,transparent 29%),radial-gradient(ellipse at 76% 20%,rgba(255,255,255,.92) 0 12%,rgba(255,255,255,.5) 13% 19%,transparent 32%),radial-gradient(circle at 82% 9%,rgba(255,245,180,.7),transparent 18%),linear-gradient(180deg,#16bfd9,#7ce4f0 28%,#efffff 52%,#a7eef4 74%,#39bfd0),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 12%,rgba(255,255,255,.48) 13%,transparent 23%),linear-gradient(132deg,transparent 0 44%,rgba(206,251,255,.68) 45%,transparent 58%),linear-gradient(104deg,transparent 0 68%,rgba(255,250,209,.38) 69%,transparent 78%);filter:blur(14px);opacity:.82}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{position:relative;min-height:100vh}.app-shell:before{content:"";position:fixed;top:1.35rem;right:1.35rem;bottom:1.35rem;left:1.35rem;z-index:0;pointer-events:none;border:1px solid rgba(255,255,255,.78);box-shadow:inset 0 0 0 1px #ffffff29}.site-header,main,.site-footer{position:relative;z-index:1}.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:#ffffff94;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.82)}.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:#4d788d;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,#ffffff94,#dcf9ff7a),linear-gradient(166deg,#fff6c342,#fff0);border-top:1px solid rgba(255,255,255,.8);border-bottom:1px solid rgba(42,164,199,.14)}.hero{min-height:calc(100vh - 86px);display:grid;align-items:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:auto -8% 0;height:42%;pointer-events:none;background:radial-gradient(ellipse at 28% 78%,rgba(255,255,255,.22),transparent 38%),linear-gradient(180deg,transparent,rgba(255,255,255,.28));opacity:.68}.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 #0c709621;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 #0c709633}.button-primary{color:#fff;background:linear-gradient(135deg,#0e9bc8,#39c9db);border-color:#ffffff80}.button-primary:hover{background:var(--red-dark)}.button-ghost{color:var(--red);background:#ffffff85;border-color:var(--line-strong)}.button-light{color:var(--red);background:#ffffffe0;border-color:#ffffffb3}.decorative-mark{display:flex;justify-content:center}.hero-visual{position:relative;width:min(100%,520px);justify-self:center;aspect-ratio:1;overflow:hidden;border:1px solid rgba(255,255,255,.78);border-radius:8px;background:#ffffff8f;box-shadow:var(--shadow),var(--glow)}.hero-visual:after{content:"";position:absolute;top:.8rem;right:.8rem;bottom:.8rem;left:.8rem;pointer-events:none;border:1px solid rgba(255,255,255,.78)}.hero-visual img{display:block;width:100%;height:100%;object-fit:cover}.mark-panel{position:relative;display:grid;place-items:center;width:min(100%,430px);aspect-ratio:1;background:linear-gradient(128deg,#ffffffd1,#cdf6ff94 42%,#87e8f47a),linear-gradient(22deg,#fff8c68f,#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:#ffffff80;transform:rotate(-16deg)}.mark-panel:after{inset:auto -12% 13%;height:24%;background:#59d1e152;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,#fff8c794,#b7f4ffa8,#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 #087ea629}.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,.78);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:#ffffff8a;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,#d4f9ff8f),linear-gradient(28deg,#fff6be6b,#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,#c7f4fc94),linear-gradient(26deg,#fff6c475,#fff0);color:var(--red);border:1px solid rgba(255,255,255,.76);border-radius:8px;box-shadow:var(--shadow)}.portrait-card{display:grid;place-items:end center;min-height:390px;overflow:hidden;background:linear-gradient(132deg,#ffffffe6,#c6f4fc94),linear-gradient(26deg,#fff6c475,#fff0);border:1px solid rgba(255,255,255,.76);border-radius:8px;box-shadow:var(--shadow)}.portrait-card img{display:block;width:auto;max-width:88%;max-height:380px;object-fit:contain;filter:drop-shadow(0 18px 22px rgba(10,102,139,.16))}.portrait-card-hero{min-height:440px}.portrait-card-hero img{max-height:428px}.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,#0c7aa4f0,#36c5d8d1),linear-gradient(28deg,#fff6be59,#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,#097ca3f2,#1b5876f5),linear-gradient(128deg,#fff6be47,#baf2f63d);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:#35c7dd}.list-panel p{margin:0;padding:.65rem 0;border-bottom:1px solid rgba(42,164,199,.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(2,minmax(0,1fr));align-items:stretch}.book-card{display:grid;grid-template-rows:auto 1fr;padding:0;overflow:hidden}.book-cover-frame{display:grid;place-items:center;min-height:360px;padding:1.2rem;background:radial-gradient(circle at 50% 48%,rgba(90,216,231,.24),transparent 38%),linear-gradient(145deg,#0c2837f2,#146784e0),linear-gradient(32deg,#fff6be29,#fff0)}.book-cover-frame img{display:block;width:auto;max-width:100%;max-height:330px;object-fit:contain;filter:drop-shadow(0 20px 28px rgba(8,35,52,.3))}.book-copy{padding:1.35rem}.book-kicker{margin:0 0 .35rem;color:var(--red);font-size:.78rem;font-weight:700}.book-copy h3{color:var(--red);font-size:1.2rem}.book-tagline{color:var(--ink);font-weight:700}.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,#d5f9ffad),linear-gradient(24deg,#fff6be57,#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 #168dbc29}.progress-track.thin{height:7px;margin:.4rem 0 0}.progress-fill{height:100%;background:linear-gradient(90deg,#168dbc,#34c7dd,#fff1a8);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 #086c9314;transition:border .16s ease,background .16s ease,transform .16s ease,box-shadow .16s ease}.option-card:hover{transform:translateY(-1px);border-color:#168dbc5c;box-shadow:0 16px 34px #086c931f}.option-card.selected{color:var(--red);background:#f0feffeb;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(22,141,188,.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:#fffdefd6}.accent-card.blue{background:#e8fcffd6}.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,.hero-visual{order:2}.hero-visual{width:min(100%,420px)}.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}.portrait-card,.portrait-card-hero{min-height:300px}.portrait-card img,.portrait-card-hero img{max-height:292px}.book-cover-frame{min-height:300px}.book-cover-frame img{max-height:270px}}@media(max-width:480px){h1{font-size:2rem}.brand span:last-child{font-size:.95rem}.quiz-controls{flex-direction:column}}