:root{--paper:#f7f5ed;--ink:#253f38;--muted:#727971;--green:#2c5147;--green-light:#e5ebe3;--coral:#bd654b;--line:#dedfd3;--serif:"Songti SC","STSong","Noto Serif CJK SC",serif;--sans:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.7;-webkit-font-smoothing:antialiased}button,a,input{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible+span{outline:3px solid #b87559;outline-offset:5px}button{border:0}.site-shell{width:min(1120px,100%);padding:0 44px;margin:0 auto}.site-header{height:112px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:12px;font-size:17px;font-weight:650;letter-spacing:.06em}.brand svg{width:35px;height:35px;flex-shrink:0}main{min-height:calc(100svh - 202px)}main:focus{outline:none}.site-footer{min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid var(--line);color:var(--muted);font-size:11px}.text-button{background:none;padding:8px 0;color:var(--muted);font-size:12px;text-decoration:underline;text-underline-offset:4px}.eyebrow{text-transform:uppercase;letter-spacing:.22em;font-size:11px;color:var(--coral);font-weight:600}.hero{display:grid;grid-template-columns:1.13fr 1fr;align-items:center;gap:56px;padding:60px 0 82px}.hero h1{font-family:var(--serif);font-weight:600;font-size:clamp(32px,3.6vw,45px);line-height:1.65;letter-spacing:.045em;margin:21px 0}.hero h1 em{font-style:normal;color:var(--coral);position:relative;white-space:nowrap}.hero-description{font-size:15px;line-height:1.95;color:var(--muted);max-width:385px;margin:0 0 24px}.facts{display:flex;gap:20px;flex-wrap:wrap;font-size:12px;margin:0 0 32px;color:#58685e}.facts span{display:flex;align-items:center;gap:7px}.facts b{font-size:14px;font-weight:500;color:var(--coral)}.primary{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:54px;border-radius:12px;background:var(--green);color:#fff;padding:14px 23px;font-weight:550;font-size:14px;transition:background .15s,transform .15s}.primary:hover{background:#3b6356;transform:translateY(-1px)}.primary:disabled{background:#ccd3c8;color:#727b70;transform:none}.primary .arrow{font-size:21px;font-weight:400;line-height:1}.hero-actions{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.secondary{background:none;border:1px solid #cbd2c6;border-radius:12px;padding:12px 21px;color:var(--green);min-height:48px}.subtle{background:none;color:var(--muted);padding:10px 3px;font-size:12px}.subtle:hover{color:var(--green)}.privacy-note{font-size:11px;color:var(--muted);margin-top:22px;line-height:1.8;max-width:385px}.hero-art{position:relative;padding:40px 14px 38px;isolation:isolate}.hero-art:before{content:"";position:absolute;border:1px solid #dedccc;border-radius:50%;width:100%;height:87%;top:8%;left:0;z-index:-1;transform:rotate(-14deg)}.hero-art:after{content:"";position:absolute;inset:13% 8%;border-radius:50%;background:#eaeade;z-index:-2}.sample-card{background:#fffdf7;border:1px solid #e2dfd0;border-radius:20px;box-shadow:0 15px 40px #3a4c3010;padding:30px 32px;transform:rotate(3deg)}.sample-top{display:flex;align-items:center;justify-content:space-between;color:#798174;font-size:10px;letter-spacing:.14em}.sample-art{position:relative;height:100px;display:grid;place-items:center;margin:10px 0}.sample-art .oval{background:#e5ebe0;width:106px;height:84px;border-radius:48% 52% 43% 57%;transform:rotate(-12deg);position:relative}.sample-art .oval:before{content:"";position:absolute;width:35px;height:25px;border:2px solid var(--green);border-radius:8px;top:26px;left:20px;transform:rotate(12deg)}.sample-art .oval:after{content:"";position:absolute;width:27px;height:20px;border:2px solid var(--coral);border-radius:8px;top:40px;left:48px;transform:rotate(12deg);background:#e5ebe0}.sample-art .spark{position:absolute;top:12px;right:20%;color:var(--coral);font-size:30px}.sample-card h2{font-family:var(--serif);text-align:center;font-size:26px;letter-spacing:.12em;margin:6px 0 4px}.sample-caption{text-align:center;color:var(--muted);font-size:11px;letter-spacing:.05em;margin:0 0 26px}.sample-lines{display:grid;gap:13px;border-top:1px solid var(--line);padding-top:21px;font-size:12px}.sample-lines p{margin:0;display:flex;align-items:baseline;gap:12px}.sample-lines i{font-style:normal;color:var(--coral);font-size:10px}.sample-stamp{position:absolute;right:-2px;top:10px;width:70px;height:70px;border-radius:50%;background:#eacaad;border:5px solid var(--paper);display:grid;place-content:center;text-align:center;font-size:10px;line-height:1.6;letter-spacing:.1em;transform:rotate(13deg)}.sample-label{position:absolute;bottom:6px;left:32px;font-family:var(--serif);font-size:13px;color:var(--muted);transform:rotate(-6deg)}.how-it-works{padding:0 0 48px;display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.how-item{border-top:1px solid var(--line);padding-top:17px;display:flex;gap:14px}.how-item>span{font-size:12px;color:var(--coral);padding-top:2px}.how-item strong{font-weight:550;font-size:13px}.how-item p{font-size:11px;color:var(--muted);margin:5px 0 0}.quiz-wrap{max-width:660px;margin:32px auto 60px}.quiz-topline{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted);gap:12px}.quiz-topline strong{color:var(--ink);font-weight:500}.progress-track{height:4px;background:#e2e5da;margin:13px 0 38px;border-radius:4px;overflow:hidden}.progress-track>span{display:block;height:100%;background:#869986;transition:width .2s}.dimension-label{display:inline-block;background:#e7ece2;color:#5c7161;font-size:11px;letter-spacing:.1em;border-radius:6px;padding:5px 10px}.question-title{font-family:var(--serif);font-size:28px;line-height:1.65;font-weight:600;letter-spacing:.02em;margin:17px 0 7px}.question-title:focus{outline:none}.question-hint{font-size:12px;color:var(--muted);margin:0 0 27px}.options{border:0;padding:0;margin:0;display:grid;gap:12px}.option{position:relative;display:block;cursor:pointer}.option input{position:absolute;opacity:0;width:1px;height:1px}.option-box{display:flex;align-items:center;gap:15px;min-height:66px;background:#fcfbf6;border:1px solid #dedfd4;border-radius:12px;padding:14px 18px;transition:background .15s,border-color .15s}.option-letter{display:grid;place-items:center;width:29px;height:29px;border:1px solid #d9ddd2;border-radius:50%;font-size:11px;color:#7e887a;flex-shrink:0}.option-copy{font-size:14px;line-height:1.8}.option-box:hover{border-color:#849784}.option input:checked+.option-box{border-color:var(--green);background:#e8eee3}.option input:checked+.option-box .option-letter{background:var(--green);color:#fff;border-color:var(--green)}.quiz-actions{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-top:27px}.quiz-actions .primary{min-width:190px}.back-button{background:none;color:var(--muted);font-size:13px;padding:14px 0}.back-button:disabled{opacity:.3}.quiz-note{text-align:center;color:#899083;font-size:11px;margin:25px 0 0}.result-wrap{max-width:780px;margin:26px auto 56px}.result-topline{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:14px}.demo-banner{padding:12px 16px;border-radius:10px;background:#efe4d5;color:#84654f;margin-bottom:20px;font-size:12px}.result-hero{text-align:center;padding:30px 30px 35px;border-radius:20px 20px 0 0;border:1px solid var(--line);border-bottom:0;background:#edf0e5}.result-ornament{width:60px;height:60px;margin:0 auto 15px}.result-hero h1{font-family:var(--serif);font-size:36px;font-weight:600;letter-spacing:.1em;margin:9px 0 10px}.result-tagline{font-family:var(--serif);font-size:17px;margin:0;color:#657861}.result-summary{font-size:13px;color:#60705f;max-width:540px;line-height:1.95;margin:19px auto 0}.result-body{background:#fefdf7;border:1px solid var(--line);border-top:0;padding:34px 36px;border-radius:0 0 20px 20px}.section-heading{display:flex;align-items:center;gap:12px;margin:0 0 23px;font-size:14px;font-weight:600}.section-heading small{color:var(--coral);font-size:10px;font-weight:400;letter-spacing:.1em}.dimension{margin-bottom:25px}.dimension-title{display:flex;justify-content:space-between;align-items:center;font-size:12px;gap:12px}.dimension-title strong{font-weight:550}.dimension-title>span{color:#6e7f65;font-size:11px;background:#edf1e6;border-radius:4px;padding:3px 7px}.preference-track{position:relative;height:7px;border-radius:10px;background:linear-gradient(to right,#cfdccb,#eef0e5,#ddc8b4);margin:16px 3px 9px}.preference-track:after{content:"";position:absolute;left:50%;top:-3px;bottom:-3px;border-left:1px dashed #b2b8a6}.preference-dot{position:absolute;left:var(--position);top:50%;transform:translate(-50%,-50%);width:15px;height:15px;border-radius:50%;background:var(--green);border:3px solid #fefdf7;box-shadow:0 0 0 1px #789177;z-index:1}.dimension-endpoints{display:flex;justify-content:space-between;font-size:10px;color:#8c9384}.dimension-description{font-size:12px;color:#727d6d;line-height:1.9;margin:10px 0 0}.result-context{color:#89907f;font-size:10px;margin:10px 0 26px;padding-bottom:25px;border-bottom:1px solid var(--line)}.friend-notes{display:grid;gap:14px}.friend-note{display:flex;gap:13px;align-items:baseline;background:#f2f1e7;padding:14px 16px;border-radius:9px;font-size:13px}.friend-note>span:first-child{font-family:var(--serif);color:var(--coral);font-size:12px}.friend-note p{margin:0}.result-actions{display:flex;justify-content:center;gap:13px;margin-top:27px;flex-wrap:wrap}.result-disclaimer{text-align:center;color:var(--muted);font-size:11px;line-height:1.9;margin-top:17px}.result-disclaimer p{margin:4px 0}.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,20px);background:var(--green);color:#fff;padding:11px 19px;font-size:12px;max-width:calc(100% - 32px);width:max-content;border-radius:10px;box-shadow:0 8px 30px #19332926;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:10}.toast.show{opacity:1;transform:translate(-50%,0)}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.noscript{padding:30px;text-align:center}.storage-warning{padding:12px 16px;color:#8b6445;background:#f0e6d6;font-size:12px;border-radius:8px;margin:10px 0}.clear-confirm{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.clear-confirm span{font-size:11px}.clear-confirm button{background:none;padding:8px;color:var(--coral);text-decoration:underline}
@media(min-width:1400px){.hero{padding-top:85px;padding-bottom:100px}}
@media(max-width:760px){.site-shell{padding:0 24px}.site-header{height:86px}.brand{font-size:15px;gap:9px}.brand svg{width:30px;height:30px}.hero{gap:24px;padding:36px 0 35px;grid-template-columns:1fr}.hero-copy{text-align:center}.hero h1{font-size:34px;margin:18px 0}.hero-description{margin:0 auto 21px;font-size:14px;max-width:330px}.facts{justify-content:center;gap:18px;margin-bottom:24px}.hero-actions{align-items:center;gap:6px}.hero-actions .primary{min-width:270px;max-width:100%}.privacy-note{margin:15px auto 0;font-size:10px}.hero-art{max-width:360px;width:100%;margin:0 auto;padding:35px 22px}.sample-card{padding:24px 27px}.sample-art{height:75px}.sample-card h2{font-size:24px}.sample-caption{margin-bottom:17px}.sample-lines{gap:10px;padding-top:16px}.sample-stamp{right:9px;top:10px;width:63px;height:63px}.sample-label{bottom:4px}.how-it-works{gap:18px;padding-bottom:32px}.how-item{display:block;padding-top:12px}.how-item>span{display:block;font-size:10px;margin-bottom:7px}.how-item strong{font-size:11px}.how-item p{font-size:10px}.site-footer{font-size:10px;min-height:80px;align-items:flex-start;padding-top:20px}.site-footer .text-button{font-size:10px;padding-top:0}main{min-height:calc(100svh - 166px)}.quiz-wrap{margin:17px auto 36px}.progress-track{margin-bottom:28px}.question-title{font-size:24px;margin-top:17px}.question-hint{font-size:11px;margin-bottom:23px}.option-box{padding:13px 14px;gap:12px;min-height:68px}.option-copy{font-size:13px}.quiz-actions .primary{min-width:170px}.quiz-note{font-size:10px}.result-wrap{margin-top:14px}.result-hero{padding:26px 20px}.result-hero h1{font-size:29px}.result-tagline{font-size:15px}.result-summary{font-size:12px}.result-body{padding:27px 22px}.friend-note{font-size:12px;padding:13px}.result-actions{display:grid;grid-template-columns:1fr}.result-actions .primary{justify-content:center}.result-topline .eyebrow{font-size:10px;letter-spacing:.14em}.result-disclaimer{font-size:10px}.dimension-title strong{font-size:12px}}
@media(max-width:360px){.site-shell{padding:0 18px}.hero h1{font-size:30px}.brand{font-size:13px}.question-title{font-size:22px}.quiz-actions .primary{min-width:150px}.facts{gap:13px}.result-body{padding:24px 17px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}
.header-access{flex-shrink:0;background:#edf0e5;border:1px solid #dce2d5;border-radius:9px;padding:8px 12px;color:var(--green);font-size:12px}.header-access[hidden]{display:none}.access-link{font-size:11px;text-underline-offset:5px}.access-wrap{max-width:640px;margin:25px auto 60px}.access-wrap>h1{font-family:var(--serif);font-size:30px;line-height:1.6;font-weight:600;margin:26px 0 11px}.access-wrap>h1:focus{outline:none}.access-intro{color:var(--muted);font-size:13px;margin:0 0 26px}.access-message{padding:13px 17px;border-radius:10px;background:#e8eee3;color:var(--green);font-size:13px;line-height:1.8}.access-message.is-error{background:#f3e6dc;color:#915c42}.redeem-form{background:#fffdf7;border:1px solid var(--line);border-radius:17px;padding:28px;margin:24px 0 12px}.redeem-form label{display:block;font-size:13px;font-weight:600;margin-bottom:10px}.redeem-form input{display:block;width:100%;border:1px solid #c9d1c2;border-radius:10px;padding:14px 15px;background:#fbfaf4;color:var(--ink);font-size:15px;letter-spacing:.05em;min-height:53px}.redeem-form input:focus-visible{outline:3px solid #b87559;outline-offset:3px}.redeem-form input::placeholder{font-size:12px;color:#93998b;letter-spacing:0}.redeem-form p{font-size:11px;color:var(--muted);margin:11px 0 20px}.access-primary{width:100%;justify-content:space-between}.quota-panel{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 22px;background:#e9eee2;border:1px solid #d9e1d1;border-radius:13px;margin:25px 0 20px}.quota-panel>span{font-size:14px;white-space:nowrap}.quota-panel strong{font-family:var(--serif);font-size:29px;font-weight:600;padding:0 5px}.quota-panel small{font-size:10px;color:var(--muted)}.access-hint{font-size:12px;line-height:1.9;color:var(--muted);padding:4px 0}.generate-panel{border:1px solid var(--line);background:#fffdf7;border-radius:15px;padding:24px;margin:18px 0 27px}.generate-panel h2,.saved-results h2{font-size:14px;font-weight:600;margin:0 0 11px}.generate-panel p{font-size:12px;line-height:1.9;color:var(--muted);margin:0 0 20px}.generate-panel>.subtle{display:block;margin:10px auto 0}.saved-results{margin-top:28px}.saved-results h2{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.saved-results h2 span{font-size:11px;color:var(--muted);font-weight:400}.saved-result{width:100%;background:#fffdf7;border:1px solid var(--line);border-radius:11px;padding:16px 18px;display:flex;justify-content:space-between;align-items:center;gap:18px;text-align:left;color:var(--green);margin:10px 0}.saved-result:hover{border-color:#8b9c84;background:#f3f5eb}.saved-result strong{display:block;font-size:13px;font-weight:500}.saved-result small{display:block;margin-top:4px;font-size:11px;color:var(--muted)}.saved-result>span:last-child{font-size:12px;white-space:nowrap}.empty-results{font-size:12px;color:var(--muted);background:#f0f1e7;border-radius:10px;padding:18px}.session-actions{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:20px}.session-actions .text-button{font-size:11px}.access-privacy{border-top:1px solid var(--line);padding-top:17px;margin-top:28px;color:var(--muted);font-size:10px;line-height:1.9}.access-privacy p{margin:6px 0}.result-edit-note{font-size:11px;text-align:center;color:var(--muted);max-width:600px;line-height:1.9;margin:20px auto 0}.result-edit-note .text-button{display:block;margin:4px auto 0;font-size:11px}.loading-state{padding:40px 0 80px}.loading-state p{font-size:13px;color:var(--muted)}
@media(max-width:760px){.header-access{font-size:10px;padding:7px 9px}.site-header{gap:9px}.brand{font-size:14px;letter-spacing:.02em}.access-wrap{margin:18px auto 40px}.access-wrap>h1{font-size:25px;margin-top:20px}.access-intro{font-size:12px}.access-wrap .result-topline .eyebrow{font-size:9px;letter-spacing:.1em}.redeem-form{padding:21px 19px}.quota-panel{padding:16px 18px;align-items:flex-start;flex-direction:column;gap:3px}.quota-panel strong{font-size:26px}.generate-panel{padding:21px 19px}.result-edit-note{font-size:10px}.access-privacy{font-size:10px}.hero-actions .access-link{font-size:10px}.privacy-note{max-width:350px}.saved-result{padding:15px}.saved-result strong{font-size:12px}.site-footer{flex-wrap:wrap;padding-bottom:18px}.clear-confirm{max-width:100%;}.clear-confirm span{display:block;width:100%;font-size:10px}}
@media(max-width:360px){.brand{font-size:12px;gap:7px}.brand svg{width:27px;height:27px}.header-access{font-size:10px;padding:6px 7px}}