@font-face{font-family:"SPE Iansui";font-style:normal;font-weight:400;font-display:swap;src:url("fonts/iansui-regular.woff2") format("woff2")}
@font-face {
  font-family: "SPE Iansui";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("fonts/iansui-punctuation.woff2") format("woff2");
  unicode-range: U+20-22,U+27-2a,U+2c-3b,U+3f,U+41-5d,U+61-7b,U+7d,U+ab,U+ae,U+b2-b3,U+bb,U+bf-c2,U+c8-ca,U+cc-ce,U+d2-d4,U+d6,U+d9-db,U+e0-ef,U+f1-f4,U+f6,U+f9-fd,U+100-103,U+110-115,U+11a-11b,U+12a-12d,U+131,U+143-144,U+147-148,U+14c-151,U+16a-16d,U+170-171,U+1a1,U+1b0,U+1cd-1d4,U+1f8-1f9,U+300-302,U+304,U+306,U+30b-30d,U+358,U+1d3a,U+1e3e-1e3f,U+1ea1,U+1ea3,U+1ebf,U+1ec7,U+2013-2014,U+2039-203a,U+203c,U+207f,U+2122,U+3001-3002,U+3113-3114,U+3118,U+311a-3129,U+4e00,U+4e0a-4e0b,U+4e0d,U+4e2d,U+4eba,U+4ee5,U+4f5c,U+500b,U+5165,U+5168,U+516c,U+51fa,U+5206,U+5230,U+52d5,U+53ef-53f0,U+570b,U+5728,U+5730,U+591a,U+5927,U+5b50,U+5bb6,U+5c0f,U+5fc3,U+6211,U+6587,U+65b0,U+65bc,U+65e5,U+662f,U+6642,U+6700,U+6703,U+6708-6709,U+672c,U+6b63,U+70b9-70ba,U+751f,U+7528,U+767c,U+7684,U+7db2,U+884c,U+958b,U+95dc,U+96fb,U+9801,U+ff0c,U+ff1a;
}
.spe-app{--spe-ink:#24374b;--spe-muted:#63706e;--spe-accent:#68877e;--spe-paper:#fbfaf6;--spe-line:#e1e5df;--spe-soft:#edf2ed;width:100%;max-width:1160px;margin:24px auto;color:var(--spe-ink);font-family:"SPE Iansui","Iansui","芫荽","Noto Sans TC","Microsoft JhengHei",system-ui,sans-serif;font-size:16px;line-height:1.8;text-align:left;isolation:isolate;scroll-margin-top:24px}
.spe-app *,.spe-app *:before,.spe-app *:after{box-sizing:border-box}
.spe-app .spe-shell{background:var(--spe-paper);border:1px solid var(--spe-line);border-radius:24px;overflow:hidden;position:relative;box-shadow:0 18px 60px #24374b08}
.spe-app h2,.spe-app h3,.spe-app p,.spe-app fieldset,.spe-app legend{margin:0;padding:0;border:0;color:inherit;letter-spacing:normal;text-transform:none}
.spe-app h2{font-family:"SPE Iansui","Iansui","芫荽","Noto Serif TC",serif;font-size:clamp(30px,3.6vw,46px);line-height:1.5;font-weight:600;letter-spacing:.025em}
.spe-app h3{font-size:20px;line-height:1.5;font-weight:650}
.spe-app p{margin:0 0 14px}
.spe-app button,.spe-app a{font-family:inherit;letter-spacing:normal;text-transform:none}
.spe-app button{cursor:pointer;-webkit-appearance:none;appearance:none}
.spe-app button:disabled{cursor:default}
.spe-app button:focus-visible,.spe-app a:focus-visible,.spe-app textarea:focus-visible{outline:3px solid #b28545;outline-offset:4px}
.spe-app .spe-screen-title:focus{outline:none}
.spe-app .spe-header{display:flex;justify-content:space-between;align-items:center;padding:23px 40px;border-bottom:1px solid var(--spe-line);gap:16px}
.spe-app .spe-brand{border:0;border-radius:0;background:transparent;color:var(--spe-ink);padding:0;display:flex;align-items:center;gap:10px;font-size:18px;font-weight:650;line-height:1.5;box-shadow:none;min-height:36px;max-width:70%;overflow-wrap:anywhere;text-align:left}
.spe-app .spe-brand-icon{color:var(--spe-accent);font-size:28px}
.spe-app .spe-header-caption{font-size:12px;letter-spacing:.08em;white-space:nowrap;color:var(--spe-muted)}
.spe-app .spe-content{padding:0 40px 28px}
.spe-app .spe-hero{display:grid;grid-template-columns:1.3fr 1fr;gap:36px;align-items:center;padding:60px 0 42px}
.spe-app .spe-eyebrow{color:#4e6c61;font-size:12px;letter-spacing:.12em;line-height:1.7;margin-bottom:16px;font-weight:600}
.spe-app .spe-hero h2{max-width:540px;margin-bottom:22px;text-wrap:balance;overflow-wrap:anywhere}
.spe-app .spe-lead{font-size:16px;line-height:1.95;color:#53625f;max-width:640px;white-space:pre-line;overflow-wrap:anywhere}
.spe-app .spe-meta{display:flex;flex-wrap:wrap;gap:8px 16px;margin:24px 0;color:#5c6966;font-size:12px}
.spe-app .spe-meta span{display:inline-flex;gap:8px;align-items:center}
.spe-app .spe-meta span:before{content:"";width:5px;height:5px;background:var(--spe-accent);border-radius:50%}
.spe-app .spe-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:20px 0 12px}
.spe-app .spe-button{display:inline-flex;justify-content:center;align-items:center;gap:12px;min-height:48px;padding:12px 22px;background:var(--spe-ink);border:1px solid var(--spe-ink);border-radius:9px;color:#fff;text-decoration:none;font-size:14px;font-weight:600;line-height:1.6;box-shadow:none;transition:transform .15s ease,background .15s ease;white-space:normal;text-align:center;overflow-wrap:anywhere}
.spe-app .spe-button:hover{color:#fff;background:#344d65;border-color:#344d65;transform:translateY(-1px);text-decoration:none}
.spe-app .spe-button-light{background:transparent;color:#465951;border-color:transparent;padding-left:14px;padding-right:14px}
.spe-app .spe-button-light:hover{background:var(--spe-soft);border-color:var(--spe-soft);color:var(--spe-ink)}
.spe-app .spe-button-outline{background:transparent;color:var(--spe-ink);border-color:#c5cec7}
.spe-app .spe-button-outline:hover{background:var(--spe-soft);color:var(--spe-ink);border-color:#a8b9af}
.spe-app .spe-button-line{background:#eaf5eb;color:#246338;border-color:#c4dfc8}
.spe-app .spe-button-line:hover{background:#d7ead9;color:#174a28;border-color:#b0ceb6}
.spe-app .spe-resume{font-size:12px;color:var(--spe-muted);margin-top:12px;line-height:1.7}
.spe-app .spe-text-button{border:0;padding:2px 4px;background:transparent;color:var(--spe-ink);font-size:inherit;text-decoration:underline;line-height:1.7;border-radius:3px}
.spe-app .spe-hero-art{position:relative;min-height:345px;display:grid;place-items:center;background:radial-gradient(ellipse,#e9efe6aa 0%,#fbfaf600 68%);user-select:none}
.spe-app .spe-orbit{position:absolute;width:270px;height:270px;border:1px solid #a8bab098;border-radius:50%;transform:rotate(-25deg) scaleX(1.17)}
.spe-app .spe-orbit-two{transform:rotate(35deg) scaleX(.75);border-color:#c1b28d80;width:300px;height:300px}
.spe-app .spe-art-center{z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:center;width:215px;height:215px;border-radius:50%;background:#f6f6ed;border:1px solid #e5e7d9;box-shadow:0 8px 45px #8eaa9115}
.spe-app .spe-art-center>span{font-size:12px;letter-spacing:.12em;color:#667970}
.spe-app .spe-art-center strong{font-family:"SPE Iansui","Iansui","芫荽",serif;font-size:24px;font-weight:500;margin:10px 0}
.spe-app .spe-art-center .spe-art-dots{letter-spacing:0;color:#94a78b;font-size:9px;margin-top:10px}
.spe-app .spe-art-star{position:absolute;top:15px;right:55px;color:#b4975c;font-size:36px}
.spe-app .spe-art-tag{position:absolute;z-index:2;background:#fffef9;border:1px solid #dce3d8;padding:7px 13px;border-radius:20px;font-size:11px;letter-spacing:.05em;color:#63746b;box-shadow:0 5px 12px #3e564406}
.spe-app .spe-tag-one{top:65px;left:0}.spe-app .spe-tag-two{bottom:46px;right:0}
.spe-app .spe-how{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--spe-line);border-bottom:1px solid var(--spe-line);padding:30px 0;gap:30px}
.spe-app .spe-how>div+div{border-left:1px solid var(--spe-line);padding-left:28px}
.spe-app .spe-step{font-size:12px;letter-spacing:.15em;color:#647b6d;display:block;margin-bottom:8px}
.spe-app .spe-how h3{font-size:17px;margin-bottom:8px}.spe-app .spe-how p{color:var(--spe-muted);font-size:13px;line-height:1.8;margin:0}
.spe-app .spe-library{padding:34px 0 10px}.spe-app .spe-section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px}.spe-app .spe-section-heading .spe-eyebrow{margin-bottom:5px}
.spe-app .spe-muted{font-size:14px;color:var(--spe-muted);line-height:1.8}
.spe-app .spe-type-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0}
.spe-app .spe-type-card{position:relative;border:1px solid var(--spe-line);border-radius:10px;background:#fffefa;display:flex;flex-direction:column;align-items:flex-start;padding:18px 16px;gap:4px;color:var(--spe-ink);line-height:1.6;text-align:left;min-width:0;box-shadow:none}
.spe-app .spe-type-card:hover{border-color:#96ac9d;background:#f0f4ed}.spe-app .spe-type-card strong{font-size:19px;letter-spacing:.12em}.spe-app .spe-type-card>span{font-size:12px}.spe-app .spe-type-card .spe-arrow{position:absolute;top:18px;right:12px;font-size:15px;color:#6d8577}
.spe-app .spe-notice{font-size:11px;line-height:1.9;color:#727c75;border-top:1px solid var(--spe-line);padding-top:18px;margin-top:28px;margin-bottom:0}
.spe-app .spe-footer{display:flex;justify-content:space-between;gap:20px;padding:19px 40px;background:#eff1e9;color:#66756b;font-size:11px;letter-spacing:.04em}
.spe-app .spe-quiz{max-width:790px;margin:auto;padding:38px 0 4px}.spe-app .spe-quiz h2{font-size:30px;margin-bottom:12px}.spe-app .spe-quiz-top{margin-bottom:28px}.spe-app .spe-quiz-top .spe-eyebrow{margin-bottom:9px}
.spe-app .spe-progress-info{display:flex;justify-content:space-between;font-size:12px;color:var(--spe-muted);margin:26px 0 9px}.spe-app .spe-progress{height:5px;border-radius:5px;background:#e3e7df;overflow:hidden}.spe-app .spe-progress-fill{display:block;height:100%;background:var(--spe-accent);border-radius:5px;transition:width .15s ease}
.spe-app .spe-question{border:1px solid var(--spe-line);border-radius:14px;padding:20px 22px 22px;margin:0 0 20px;min-width:0;background:#fffefa}
.spe-app .spe-question legend{float:left;width:100%;font-size:16px;font-weight:600;line-height:1.8;margin-bottom:18px;display:flex;align-items:flex-start;gap:12px}.spe-app .spe-question legend+.spe-choices{clear:both}
.spe-app .spe-question-number{color:#788b7d;font-size:12px;font-weight:400;letter-spacing:.05em;line-height:2.5;flex-shrink:0}
.spe-app .spe-choices{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.spe-app .spe-choice{position:relative;display:block;margin:0;cursor:pointer;font-weight:400;min-width:0;color:#5f6a63}
.spe-app .spe-choice input{position:absolute;width:1px;height:1px;opacity:0;padding:0;margin:0}
.spe-app .spe-choice>span{border:1px solid #dee5dc;border-radius:9px;min-height:75px;padding:10px 4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-size:12px;line-height:1.5;text-align:center;background:#fcfcf8}
.spe-app .spe-choice i{width:18px;height:18px;border:1px solid #b4c1b3;border-radius:50%;background:#fff;display:block;font-style:normal;position:relative;flex-shrink:0}
.spe-app .spe-choice:hover>span{border-color:#91aa96;background:#f4f7f0}.spe-app .spe-choice input:checked+span{background:#e9f0e6;border-color:#7c9b83;color:#284330;font-weight:650}.spe-app .spe-choice input:checked+span i{border-color:#42664a;background:#42664a;box-shadow:inset 0 0 0 4px #fff}
.spe-app .spe-choice input:focus-visible+span{outline:3px solid #b28545;outline-offset:3px}.spe-app .spe-question-error{border-color:#b76d5e}
.spe-app .spe-error{color:#9b4238;font-size:13px}.spe-app .spe-error:empty{display:none}.spe-app .spe-quiz-bottom{display:flex;justify-content:space-between;gap:12px;padding:10px 0 22px}.spe-app .spe-privacy{font-size:11px;color:var(--spe-muted);text-align:center}
.spe-app .spe-result,.spe-app .spe-profile{padding:40px 0 4px;max-width:920px;margin:auto}.spe-app .spe-result-hero{display:grid;grid-template-columns:1fr 180px;align-items:center;gap:32px;margin-bottom:26px}.spe-app .spe-result h2,.spe-app .spe-profile h2{font-size:36px;margin-bottom:4px}.spe-app .spe-result-code{font-family:Georgia,serif;font-size:50px;letter-spacing:.13em;line-height:1.3;color:#4f6c62;margin:6px 0 18px}.spe-app .spe-result-seal{border:1px solid #b8c5b6;width:160px;height:160px;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;transform:rotate(8deg);background:#f0f3e9;color:#64816c}.spe-app .spe-result-seal span{font-size:10px;letter-spacing:.13em}.spe-app .spe-result-seal strong{font-size:50px;line-height:1.5;font-weight:400;color:#9b9f6a}
.spe-app .spe-sample-note{background:#f7f0df;border-left:3px solid #b99a56;padding:12px 16px;font-size:13px;color:#75613c;line-height:1.8}
.spe-app .spe-result-chart{padding:28px 32px;border:1px solid var(--spe-line);border-radius:16px;background:#fffefa;margin:24px 0 28px}.spe-app .spe-result-chart h3{margin-bottom:24px}.spe-app .spe-dimension{margin-bottom:23px}.spe-app .spe-dimension-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:7px;font-size:14px}.spe-app .spe-dimension-head>span{color:#617464;font-size:11px}.spe-app .spe-dimension-labels{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#64716b;margin-bottom:8px}.spe-app .spe-dimension-labels>span:last-child{text-align:right}.spe-app .spe-dimension-labels b{color:#3f574c;font-size:12px}.spe-app .spe-scale{height:9px;background:#dbddc6;border-radius:6px;position:relative;overflow:hidden}.spe-app .spe-scale>span{display:block;height:100%;background:var(--spe-accent);border-radius:6px 0 0 6px}.spe-app .spe-scale i{height:100%;width:2px;background:#fff;position:absolute;left:50%;top:0}.spe-app .spe-chart-note{font-size:11px;color:#737d74;line-height:1.9;border-top:1px solid var(--spe-line);padding-top:16px;margin:0}
.spe-app .spe-insights{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:28px}.spe-app .spe-insight{background:#fffefa;border:1px solid var(--spe-line);border-radius:13px;padding:24px;min-width:0}.spe-app .spe-insight-number{display:block;color:#7e8f7e;font-size:11px;letter-spacing:.1em;margin-bottom:10px}.spe-app .spe-insight h3{font-size:18px;margin-bottom:12px}.spe-app .spe-insight p{font-size:14px;line-height:1.9;color:#5e6b62;margin:0;white-space:pre-line;overflow-wrap:anywhere}.spe-app .spe-insight-growth{grid-column:1/-1;background:#edf2e8;border-color:#d9e2d2}.spe-app .spe-insight-growth h3{display:inline}.spe-app .spe-insight-growth .spe-insight-number{display:inline;margin-right:12px}.spe-app .spe-insight-growth p{margin-top:12px}
.spe-app .spe-result-actions{border-top:1px solid var(--spe-line);padding-top:24px;margin-top:24px}.spe-app .spe-result-actions h3{margin-bottom:10px}.spe-app .spe-result-actions>p{font-size:14px;color:var(--spe-muted)}.spe-app .spe-result-bottom{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;margin-top:30px}.spe-app .spe-balanced p{font-size:14px;color:var(--spe-muted);margin-top:10px}.spe-app .spe-copy-fallback{display:block;width:100%;min-height:180px;border:1px solid #b8c5b7;border-radius:8px;padding:12px;font:inherit;font-size:13px;line-height:1.7;background:#fff;color:var(--spe-ink)}
.spe-app .spe-announcement{font-size:13px;color:#365c43;text-align:center;margin:0;padding:0 24px}.spe-app .spe-announcement:not(:empty){padding:14px 24px;background:#eaf2e7}.spe-app .spe-confirm{position:absolute;inset:0;background:#24374b60;z-index:10;display:flex;align-items:flex-start;justify-content:center;padding:120px 24px 24px}.spe-app .spe-confirm>div{background:var(--spe-paper);padding:32px;border-radius:16px;max-width:420px;box-shadow:0 10px 50px #0003}.spe-app .spe-confirm h3{margin-bottom:16px}.spe-app .spe-confirm p{font-size:14px;color:var(--spe-muted)}.spe-app .spe-loading{padding:40px;text-align:center}
@media(min-width:1440px){.spe-app h2{font-size:44px}}
@media(max-width:800px){.spe-app .spe-content{padding:0 26px 24px}.spe-app .spe-header{padding:20px 26px}.spe-app .spe-footer{padding:18px 26px}.spe-app .spe-hero{grid-template-columns:1.4fr 1fr;gap:16px;padding:40px 0 32px}.spe-app .spe-hero-art{min-height:280px}.spe-app .spe-orbit{width:205px;height:205px}.spe-app .spe-orbit-two{width:235px;height:235px}.spe-app .spe-art-center{width:170px;height:170px}.spe-app .spe-art-center strong{font-size:20px}.spe-app .spe-tag-one{top:25px}.spe-app .spe-tag-two{bottom:20px}.spe-app .spe-art-star{top:7px;right:20px}.spe-app .spe-how{gap:20px}.spe-app .spe-how>div+div{padding-left:20px}.spe-app .spe-type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.spe-app{margin:12px auto;font-size:15px}.spe-app .spe-shell{border-radius:16px}.spe-app .spe-header{padding:16px 18px;gap:10px}.spe-app .spe-brand{font-size:16px;gap:7px}.spe-app .spe-header-caption{font-size:10px;letter-spacing:0}.spe-app .spe-content{padding:0 18px 22px}.spe-app .spe-hero{grid-template-columns:1fr;padding:30px 0 28px;gap:6px}.spe-app h2{font-size:32px}.spe-app .spe-hero h2{margin-bottom:18px}.spe-app .spe-lead{font-size:14px;line-height:1.9}.spe-app .spe-eyebrow{font-size:11px;margin-bottom:12px}.spe-app .spe-meta{gap:8px 12px;margin:20px 0;font-size:11px}.spe-app .spe-hero-art{min-height:240px;max-width:310px;width:100%;margin:4px auto 0}.spe-app .spe-art-star{right:46px;top:0}.spe-app .spe-orbit{width:205px;height:205px}.spe-app .spe-orbit-two{width:230px;height:230px}.spe-app .spe-tag-one{top:33px;left:0}.spe-app .spe-tag-two{bottom:20px;right:0}.spe-app .spe-how{grid-template-columns:1fr;gap:18px;padding:26px 0}.spe-app .spe-how>div{display:grid;grid-template-columns:28px 1fr;gap:4px 10px}.spe-app .spe-how>div+div{border:0;padding:0}.spe-app .spe-how h3{font-size:16px;margin:0}.spe-app .spe-how p{grid-column:2;margin:0}.spe-app .spe-step{grid-row:1/3;line-height:2.1;margin:0}.spe-app .spe-library{padding:26px 0 6px}.spe-app .spe-section-heading{align-items:flex-start;gap:12px}.spe-app .spe-section-heading h3{font-size:18px}.spe-app .spe-section-heading .spe-button{font-size:12px;padding:8px 12px;min-height:40px;flex-shrink:0}.spe-app .spe-section-heading .spe-eyebrow{font-size:10px;letter-spacing:.04em}.spe-app .spe-footer{padding:16px 18px;gap:8px;font-size:10px;flex-wrap:wrap}.spe-app .spe-button{padding:12px 17px;font-size:13px}.spe-app .spe-actions{gap:9px}.spe-app .spe-quiz{padding-top:28px}.spe-app .spe-quiz h2{font-size:25px}.spe-app .spe-question{padding:17px 12px 18px}.spe-app .spe-question legend{font-size:14px;gap:8px;margin-bottom:16px}.spe-app .spe-question-number{font-size:10px}.spe-app .spe-choices{gap:5px}.spe-app .spe-choice>span{font-size:10px;min-height:72px;padding:10px 3px;gap:9px;word-break:keep-all}.spe-app .spe-choice i{width:17px;height:17px}.spe-app .spe-choice input:focus-visible+span{outline-offset:1px;outline-width:2px}.spe-app .spe-quiz-bottom .spe-button{padding:12px 14px;font-size:12px}.spe-app .spe-result,.spe-app .spe-profile{padding-top:28px}.spe-app .spe-result-hero{grid-template-columns:1fr;gap:0;margin-bottom:18px}.spe-app .spe-result-seal{display:none}.spe-app .spe-result h2,.spe-app .spe-profile h2{font-size:30px}.spe-app .spe-result-code{font-size:42px;margin-bottom:14px}.spe-app .spe-result-chart{padding:22px 17px}.spe-app .spe-result-chart h3{font-size:18px}.spe-app .spe-dimension-labels{font-size:10px;gap:5px}.spe-app .spe-dimension-labels b{font-size:11px}.spe-app .spe-insights{grid-template-columns:1fr;gap:13px}.spe-app .spe-insight{padding:21px}.spe-app .spe-type-card{padding:16px 12px}.spe-app .spe-type-card strong{font-size:17px}.spe-app .spe-type-card>span{font-size:11px}.spe-app .spe-type-card .spe-arrow{top:16px}.spe-app .spe-sample-note{font-size:12px}.spe-app .spe-result-actions .spe-actions>.spe-button{flex:1 1 130px}.spe-app .spe-notice{font-size:10px}.spe-app .spe-confirm{padding:70px 15px 20px}.spe-app .spe-confirm>div{padding:24px}.spe-app .spe-confirm .spe-button{padding:10px 12px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.spe-app *{transition:none!important;scroll-behavior:auto!important}}
@media print{.spe-app{max-width:none;margin:0}.spe-app .spe-header,.spe-app .spe-footer,.spe-app .spe-result-actions,.spe-app .spe-result-bottom,.spe-app .spe-announcement{display:none}.spe-app .spe-shell{box-shadow:none;border:0}.spe-app .spe-content{padding:0}.spe-app .spe-result-chart,.spe-app .spe-insight{break-inside:avoid}.spe-app .spe-result-hero{display:block}.spe-app .spe-result-seal{display:none}}