*{box-sizing:border-box}html{background:#241d32}body{margin:0;color:#f1dfe7;font-family:"Microsoft YaHei",sans-serif;font-size:14px}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;border:0}button:focus-visible,a:focus-visible,input:focus-visible+span{outline:2px solid #e9b7d1;outline-offset:3px}a{color:inherit;text-decoration:none}#app{position:relative;width:100%;max-width:480px;margin:auto;min-height:100svh;overflow:hidden;background:#35263f;box-shadow:0 0 80px #0003}header{height:78px;padding:24px 22px 12px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2;color:#ecd4e0;font-family:SimSun,"Songti SC",serif;letter-spacing:3px;font-size:13px}.header-back{border-radius:50%;background:#ffffff14;color:#ead9e7;font-size:27px;width:30px;height:30px;line-height:20px}.header-moon{font-size:30px;color:#ffdbc5;text-shadow:0 0 12px #ffb9dc99}.scene{position:absolute;inset:0;background:#35263f url('assets/twilight.png') center bottom/cover no-repeat;pointer-events:none}.landing #app{min-height:820px;height:100svh;max-height:1150px}.hero{position:relative;z-index:1;text-align:center;padding:85px 20px 0;min-height:inherit;height:100%}.home-title{font:15px SimSun,serif;letter-spacing:5px;color:#dbc4d6}h1,h2,h3,p{margin-top:0}.hero h1{font:32px/1.5 SimSun,"Songti SC",serif;letter-spacing:3px;color:#fff0e9;margin:20px 0 35px;text-shadow:0 2px 12px #281a30}.intro-triangle{width:200px;height:137px;filter:drop-shadow(0 0 10px #e6aad344)}.features{display:flex;justify-content:center;margin:22px auto 0;color:#e3ccdc;font-size:10px;width:100%;max-width:410px}.features>div{display:flex;align-items:center;gap:7px;padding:0 12px;border-right:1px solid #dcb2d344;white-space:nowrap}.features>div:last-child{border:0}.features b{font-size:20px;font-weight:400}.features small{display:block;font-size:8px;color:#c5a6c1;margin-top:4px}.home-actions{position:absolute;bottom:45px;left:0;right:0;display:flex;align-items:center;flex-direction:column;gap:20px}.primary{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:linear-gradient(110deg,#f6d3dc,#edb9cd);border:1px solid #f3c9dc99;color:#58384f;border-radius:40px;min-height:46px;padding:12px 26px;letter-spacing:1px;box-shadow:0 3px 16px #29172e20}.home-actions .primary{width:74%;font-size:17px}.primary:hover:not(:disabled){filter:brightness(1.06)}#about-button{background:none;color:#d9c2d5;text-decoration:underline;text-underline-offset:5px;font-size:12px}.question-page #app{background:linear-gradient(#32243f 0px,#48324b 70px,#fae8e7 150px,#fbe9e7 66%,#e8c0d1 84%,#46304a 100%);min-height:100svh}.question-page #app:before{content:'';position:absolute;bottom:0;left:0;right:0;height:280px;background:linear-gradient(#fae8e7,transparent 40%),url('assets/twilight.png') center 79%/100% auto;opacity:.85;mask-image:linear-gradient(transparent,black 42%);pointer-events:none}.quiz{position:relative;padding:15px 19px 20px;color:#57394d;min-height:calc(100svh - 78px);display:flex;flex-direction:column}.step{display:flex;justify-content:space-between;align-items:center;font:12px SimSun,serif}.dimension-tag{background:#b7789222;border:1px solid #c894ac55;border-radius:20px;padding:4px 10px;color:#a36385}.progress-row{display:flex;align-items:center;gap:9px;margin:10px 0 0;font-size:10px}.progress{height:6px;background:#b68e9c55;border-radius:10px;overflow:hidden;flex:1}.progress>div{height:100%;background:linear-gradient(90deg,#ae5c80,#8c4869);border-radius:10px}.answer-instruction{font-size:10px;color:#9f7c8e;text-align:center;margin:12px 0 14px}form{display:flex;flex-direction:column;gap:12px}fieldset{border:1px solid #ffffff45;border-radius:16px;background:#ffffff31;padding:12px 10px 13px;margin:0;min-width:0;position:relative}legend{display:contents;line-height:1.7;font:14px/1.7 SimSun,"Songti SC",serif}.number{display:inline-flex;align-items:center;justify-content:center;width:23px;height:23px;float:left;margin:0 8px 6px 0;border-radius:50%;background:linear-gradient(135deg,#fae4e8,#dba3b9);font-family:Georgia,serif;color:#79475f;font-weight:bold}.options{display:flex;gap:5px;clear:both;margin-top:10px}label{position:relative;flex:1;cursor:pointer;min-width:0}label input{position:absolute;opacity:0;width:1px;height:1px}label span{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;border:1px solid #fff9;background:#fff3;border-radius:12px;padding:7px 1px;min-height:48px;font-size:9px;color:#89667a;white-space:nowrap}label b{font:16px Georgia,serif;color:#755468;font-weight:400}label input:checked+span{border-color:#ac6689;background:#a35c7e;color:#fff0f6;box-shadow:0 2px 8px #743b5d22}label input:checked+span b{color:#fff0f6}.quiz-bottom{margin-top:auto;padding-top:26px}.completion{width:max-content;margin:0 auto 30px;padding:5px 13px;border-radius:20px;background:#9c5e7cce;color:#f9e4ef;font-size:10px;border:1px solid #d6a7bd}.navigation{display:flex;gap:15px;justify-content:space-between}.navigation>button{flex:1;min-width:0;font-size:13px;min-height:43px;padding:10px 12px}.back{background:transparent;color:#dfbed3;border:1px solid #d2a9c2;border-radius:30px;padding:10px 20px}.primary:disabled{background:#c0acbba8;color:#e1d1db8a;border-color:transparent;box-shadow:none;cursor:not-allowed}.hint{font-size:10px;line-height:1.8;text-align:center;color:#f0d8e7aa;margin:12px 0 0}.result-page #app{min-height:850px;height:100svh;max-height:1150px}.result-page .scene{background-position:center bottom}.result{position:relative;text-align:center;padding:10px 30px 190px}.result-caption{font:18px SimSun,serif;letter-spacing:3px;color:#ead6e1;margin:15px 0 23px}.result h1{font:38px/1.3 SimSun,"Songti SC",serif;font-style:italic;letter-spacing:4px;margin:0;color:#f7dce9;text-shadow:0 0 20px #f2a6dc66}.english-type{font:italic 13px Georgia,serif;color:#c6a5c4;margin:7px 0 0}.radar{display:block;width:100%;max-width:310px;margin:8px auto 3px;filter:drop-shadow(0 0 8px #e9a2cd33)}.one-line{font:14px/1.9 SimSun,serif;color:#e5c9de;margin:0 auto 23px;max-width:320px}.result .primary{min-width:220px;font-size:14px}.report-page #app{background:linear-gradient(#30223e,#4b304e);min-height:100svh}.report{padding:10px 20px 35px}.report>.back{font-size:11px;margin:0 0 20px}.eyebrow{display:block;font-size:9px;letter-spacing:2px;color:#bc93b5;margin-bottom:12px}.report h1{font:27px/1.5 SimSun,serif;letter-spacing:2px;margin-bottom:8px}.muted{font-size:12px;line-height:1.8;color:#c6a6bf}.report section{border-radius:15px;border:1px solid #d0a0bd33;background:linear-gradient(120deg,#c28fa92b,#b58aac0d);padding:20px;margin:16px 0}.report h2{font:18px SimSun,serif;letter-spacing:1px;margin-bottom:18px}.report p{font-size:12px;line-height:1.9;color:#d4b7cd}.report h3{font-size:13px;font-weight:400;display:flex;justify-content:space-between}.report small{font-size:10px;color:#bc93b5}.dimension{margin-top:22px}.report .progress{height:6px;background:#c5a4be33}.report .progress>div{background:linear-gradient(90deg,#d690b7,#e7abc5)}.report .boundary{font-size:11px;color:#edbad4}.report .reflection{background:#ba80a533}.report-actions{display:flex;gap:10px;margin-top:25px}.report-actions .primary{flex:1}.secondary{background:transparent;border:1px solid #ce9cba;border-radius:30px;padding:10px 20px;color:#edc9df}.report #share-status{white-space:pre-wrap}dialog{color:#f0dbe6;background:linear-gradient(#4b334f,#30223e);border:1px solid #c697b355;border-bottom:0;border-radius:24px 24px 0 0;width:min(100%,480px);max-width:480px;height:85dvh;max-height:85dvh;padding:0;position:fixed;top:auto;bottom:0;margin:0 auto;box-shadow:0 -20px 90px #190e2466;overflow:hidden}dialog::backdrop{background:#17102399;backdrop-filter:blur(4px)}.sheet-handle{width:38px;height:4px;background:#bd97b7;border-radius:3px;margin:12px auto}.sheet-content{overflow:auto;height:calc(100% - 104px);padding:18px 28px 30px;overscroll-behavior:contain}dialog h2{font:25px SimSun,serif;margin:10px 0 24px}dialog h3{font:16px SimSun,serif;margin:22px 0 10px}dialog p{font-size:12px;line-height:1.9;color:#d5b9cf}.close{position:absolute;right:16px;top:12px;font-size:24px;color:#e7cce0;background:none;z-index:2}.sheet-actions{position:absolute;bottom:0;left:0;right:0;background:#35253f;padding:12px 25px 18px;border-top:1px solid #ba91b322}.sheet-actions .primary{width:100%}.privacy{border:1px solid #b687a34d;border-radius:12px;padding:12px 15px;background:#d3a3bf0b}.privacy h3{margin-top:0}dialog .author{font-size:11px;color:#b694b2;margin-bottom:0}@media(min-width:600px){body{background:radial-gradient(ellipse at center,#66516d,#221b30);padding:25px 0}#app{border-radius:24px;min-height:860px}.landing #app,.result-page #app{height:950px;min-height:950px}.quiz{min-height:800px}.hero{padding-top:100px}.hero h1{font-size:35px}.home-actions{bottom:45px}dialog{border-radius:24px;margin-bottom:15px}.result{padding-top:20px}.result .radar{max-width:330px}.result .one-line{margin-top:10px}}@media(max-width:360px){.hero{padding-left:10px;padding-right:10px}.hero h1{font-size:28px}.features>div{padding:0 7px;gap:4px}.features{font-size:9px}.features small{font-size:7px}.quiz{padding-left:13px;padding-right:13px}legend{font-size:13px}label span{font-size:8px}.result h1{font-size:33px}.result{padding-left:20px;padding-right:20px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.question-page #app{background:linear-gradient(#32243f 0px,#48324b 38px,#fae8e7 112px,#fbe9e7 66%,#e8c0d1 84%,#46304a 100%)}.question-page #app:before{background:linear-gradient(#fae8e7,transparent 35%,transparent 66%,#4b314d 85%),url('assets/twilight.png') center 70%/100% auto}.step{color:#684459}.dimension-tag{color:#92516f;background:#b7789233}.progress-row{color:#6e465f}.navigation{position:relative;z-index:1}
/* 结果页：留白长页，所有解读在同一页展开。 */
.result-page #app{height:auto;max-height:none;min-height:100svh;border-radius:0;background:#2b213a}.result-long{position:relative;overflow:hidden;background:#2b213a;isolation:isolate}.result-backdrop{position:absolute;bottom:0;left:0;width:100%;height:auto;z-index:-2}.result-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(#2b213a 0%,rgba(43,33,58,.86) 27%,rgba(43,33,58,.75) 45%,rgba(43,33,58,.3) 72%,transparent 88%)}.result-long:before{content:'';position:absolute;inset:0;z-index:-1;background-image:radial-gradient(circle at 15% 15%,#ffdfed88 0 1px,transparent 1.5px),radial-gradient(circle at 80% 25%,#ffe5ef77 0 1px,transparent 1.5px);background-size:137px 163px,199px 229px;opacity:.5}.result-content{position:relative;padding:10px 32px 22px;text-align:center}.result-content h1{font:italic 40px/1.4 SimSun,'Songti SC',serif;letter-spacing:3px;color:#f6d8e9;margin:12px 0 0;text-shadow:0 0 22px #da8cbe33}.result-content .result-caption{font-size:16px;margin:8px 0 20px}.result-content .metaphor{font:18px/1.8 SimSun,serif;color:#edc3dc;letter-spacing:2px;margin:20px 0 28px}.result-content .radar{width:100%;max-width:290px;margin:0 auto 36px}.result-quote{font:italic 22px/1.9 SimSun,'Songti SC',serif;letter-spacing:1px;margin:0 0 50px;padding:32px 0;border-top:1px solid #c69cba55;border-bottom:1px solid #c69cba55;color:#f8dfeb;text-wrap:pretty}.reading-section{text-align:left;margin:0 0 52px;padding:0}.reading-section h2{font:22px/1.5 SimSun,'Songti SC',serif;letter-spacing:2px;color:#f5d9e8;margin:0 0 22px}.reading-section h2:before{content:'';display:inline-block;width:4px;height:20px;background:#df9cc3;border-radius:5px;margin-right:12px;vertical-align:-2px}.reading-section p{font:16px/2.05 'Microsoft YaHei',sans-serif;letter-spacing:.4px;color:#ecdae7;text-align:justify;margin:0}.boundary-note{text-align:left;margin:0 0 40px;padding:16px 0;border-top:1px solid #c69cba33;color:#dcb7ce;font-size:12px;line-height:1.9}.boundary-note p{margin:0 0 6px}.result-landscape{height:225px}.result-footnote{font-size:10px;line-height:1.8;color:#f2deebdd;margin:0;text-shadow:0 1px 4px #160e22}.result-controls{background:#2b213a;padding:22px 28px 28px}.result-actions{display:flex;gap:12px}.result-actions button{flex:1;min-width:0;font-size:14px;padding:12px 14px}.scoring{font-size:11px;color:#c7a8c0;line-height:1.9;margin-top:25px}.scoring summary{cursor:pointer;text-align:center;color:#d9b5cf;min-height:35px}.scoring p{margin-top:15px}#save-dialog{padding:30px 22px;overflow:auto;height:auto;max-height:90dvh;border-radius:22px}#save-dialog h2{font-size:21px;margin-bottom:15px}#save-status{line-height:1.8;font-size:12px}#saved-preview{width:100%;height:auto;border-radius:8px;-webkit-touch-callout:default;user-select:auto}#save-options{margin-top:18px;display:flex;gap:10px;flex-wrap:wrap}#save-options[hidden],#saved-preview[hidden],#share-image[hidden]{display:none}#save-options button{flex:1;min-width:125px;font-size:12px}#save-dialog .close{position:sticky;float:right;top:0}.result-page #app>header{display:none}@media(min-width:600px){.result-page #app{border-radius:20px}.result-content{padding-left:40px;padding-right:40px}.reading-section p{font-size:17px}.result-landscape{height:260px}}@media(max-width:360px){.result-content{padding-left:26px;padding-right:26px}.result-content h1{font-size:34px}.result-content .metaphor{font-size:16px}.reading-section p{font-size:15px;line-height:2.1}.result-quote{font-size:20px}.result-actions{gap:8px}.result-actions button{font-size:13px;padding:12px 9px}}
/* 首页：落实已确认的放大图谱和三列对齐效果图。 */
.landing #app{min-height:800px;height:100svh;max-height:1150px}.hero{padding:clamp(58px,8.5svh,92px) 20px 0;display:flex;flex-direction:column;align-items:center}.hero h1{margin:20px 0 22px}.intro-triangle{display:block;width:min(100%,330px);height:auto;flex-shrink:0;filter:drop-shadow(0 0 12px #e6aad344)}.features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;max-width:430px;margin:22px auto 0;padding:12px 0 18px;color:#fff0f5;font-size:clamp(12px,3.3vw,15px);line-height:1.5;text-shadow:0 1px 6px #271b31;position:relative;isolation:isolate}.features:before{content:'';position:absolute;inset:-8px -12px;z-index:-1;background:radial-gradient(ellipse,rgba(42,28,49,.55),rgba(42,28,49,0) 75%)}.features>div{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:12px;padding:0 6px;border-right:1px solid #e5b9d257;white-space:nowrap;min-width:0}.features>div:last-child{border:0}.features svg{display:block;width:30px;height:30px;color:#f0b3d5;filter:drop-shadow(0 0 4px #d59cbe33);flex-shrink:0}.features span{display:block;font-weight:400}.features small{display:block;color:#f1dbe8;font-size:clamp(11px,2.9vw,13px);line-height:1.6;margin-top:7px;white-space:nowrap}.home-actions{bottom:38px;gap:18px}.home-actions .primary{width:78%;min-height:50px;font-size:18px}.landing #about-button{font-size:14px;color:#f1dce9}.landing .scene{background-position:center bottom}@media(min-width:600px){.landing #app{height:950px;min-height:950px}.hero{padding-top:80px}.hero h1{font-size:35px;margin-bottom:30px}.intro-triangle{width:370px}.features{margin-top:28px}.features svg{width:34px;height:34px}.home-actions{bottom:42px}}@media(max-width:360px){.hero{padding-left:16px;padding-right:16px;padding-top:55px}.hero h1{font-size:28px}.features{font-size:12px;margin-top:18px}.features>div{padding:0 3px;gap:10px}.features small{font-size:11px}.intro-triangle{width:100%}.features svg{width:27px;height:27px}}
.type-tendency{display:block;font:13px/1.8 'Microsoft YaHei',sans-serif;font-style:normal;letter-spacing:5px;color:#d9b4ce;margin-top:6px}.reading-section p+p{margin-top:22px}.boundary-note h2{font:17px/1.8 SimSun,serif;color:#eac4da;margin:0 0 12px}.result-footnote{font-size:11px;line-height:1.9}.result-landscape{height:245px}