:root{--ink:#332c24;--muted:#938471;--paper:#fffaf0;--line:#eee3ce;--yellow:#ffd84c;--orange:#f86b28;--red:#e8512c;--gold:#bc8b2d;--sans:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:#f7f0dd;font-family:var(--sans);-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer;touch-action:manipulation}a{color:inherit;text-decoration:none}[hidden]{display:none!important}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:3px solid #d89625;outline-offset:3px}.page{max-width:560px;margin:auto;background:var(--paper);min-height:100vh;padding:0 20px;overflow:clip}.topbar{height:66px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eaddc4}.brand{display:flex;align-items:center;gap:10px;white-space:nowrap}.brand-logo{display:block;position:relative;width:116px;height:48px;overflow:hidden}.brand-logo img{position:absolute;left:-36px;top:-29px;width:341px;height:109px;max-width:none;mix-blend-mode:multiply}.brand-divider{width:1px;height:18px;background:#cbbda7}.brand strong{font-size:14px;font-weight:600;letter-spacing:1px}.brand-note{font-size:9px;color:#a08c68;letter-spacing:.5px}.hero{position:relative;min-height:207px;margin:0 -20px;overflow:hidden;background:#ffedb5}.hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% center;z-index:0}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fff2d4fa 0%,#fff2d4ed 27%,#fff2d4b0 48%,transparent 68%);pointer-events:none}.hero-copy{position:relative;z-index:2;padding:23px 20px 24px}.eyebrow{font-size:10px;letter-spacing:1px;color:#9b793e;margin:0 0 11px}.eyebrow>span{display:inline-block;width:5px;height:5px;border-radius:50%;background:#df8c31;vertical-align:middle;margin-right:5px}h1{font-weight:700;font-size:27px;line-height:1.45;letter-spacing:.4px;margin:0 0 10px}h1 em{font-style:normal;color:#d95222}.hero-note{font-size:12px;line-height:1.8;color:#7b684e;margin:0}.hero-note b{color:#bf5326;font-size:14px}.custom-box{position:relative;z-index:3;padding:20px 0 0}.input-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.input-heading label{font-size:13px;font-weight:600}.input-heading>span{font-size:9px;color:#aa9472;white-space:nowrap}.writing-box{border:1.5px solid #e8c678;background:#fffefb;border-radius:15px;box-shadow:0 5px 19px #b67f2f0b;padding:13px 13px 10px;transition:box-shadow .15s,border-color .15s}.writing-box:focus-within{border-color:#eea849;box-shadow:0 0 0 3px #ffd64d20}textarea{display:block;resize:vertical;min-height:160px;width:100%;border:0;outline:none!important;background:transparent;line-height:1.9;color:#40372b;font-size:13px;padding:0;box-shadow:none}textarea::placeholder{color:#9b896e;opacity:1}.writing-foot{display:flex;justify-content:space-between;gap:5px;font-size:9px;color:#af9a76;padding-top:9px;border-top:1px dashed #eee5d4}.privacy{white-space:nowrap}.privacy i{display:inline-block;vertical-align:middle;width:4px;height:4px;border-radius:50%;background:#b0b78b;margin-right:4px}.primary{display:block;width:100%;background:linear-gradient(105deg,#ffba33,#ffd94a);color:#4c330e;border:1px solid #f1bd49;border-radius:12px;font-size:14px;font-weight:600;min-height:50px;padding:14px 12px;box-shadow:0 4px 0 #df9c2c15}.main-submit{margin-top:12px;display:flex;align-items:center;justify-content:center;gap:22px;font-size:15px}.main-submit span{font-size:22px;line-height:20px}.hint{font-size:10px;line-height:1.8;color:#b75c35;margin:8px 0}.section-line{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:19px 0 10px}.section-line h2{font-size:11px;color:#907b58;margin:0;font-weight:500}.section-line>span{font-size:9px;color:#b39f7d}.scenes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.scene{min-height:35px;padding:8px 5px;border:1px solid #e9dfc9;border-radius:8px;font-size:11.5px;line-height:1.5;white-space:nowrap;letter-spacing:-.2px;background:#fffcf5;color:#81633d}.scene:hover,.scene:active{border-color:#e8bd58;background:#fff2cb}.quiz-entry{display:flex;width:100%;align-items:center;gap:11px;background:linear-gradient(110deg,#fff1cc,#fff8e9);border:1px solid #f1d79f;border-radius:13px;padding:15px 12px;text-align:left;margin:22px 0 10px;box-shadow:0 5px 16px #af7a2308}.quiz-emblem{flex:none;display:grid;place-items:center;border:1px solid #e6bb60;width:33px;height:37px;border-radius:7px;background:#ffdc72;color:#936020;font-size:24px;font-family:Georgia,serif;font-style:italic;box-shadow:3px 3px 0 #e5ba5b25}.quiz-entry strong{display:block;font-size:13px;color:#74502b}.quiz-entry small{display:block;font-size:9px;line-height:1.8;color:#a08355;margin-top:4px}.arrow{margin-left:auto;color:#c18b2c;font-size:22px}.matching-note{font-size:9px;color:#b5a58b;text-align:center;margin:14px 0 19px}footer{display:flex;justify-content:space-between;align-items:center;gap:8px;border-top:1px solid var(--line);padding:17px 0 22px;color:#b7a78d;font-size:8px}.results{padding:23px 0 0;scroll-margin-top:14px}.result-top{display:flex;align-items:center;justify-content:space-between}.result-top .eyebrow{margin:0}.text-btn{padding:10px 0;border:0;background:transparent;font-size:11px;color:#ad7636}.results>h2{font-size:28px;letter-spacing:.3px;margin:11px 0 9px;outline:none}.context{font-size:12px;line-height:1.9;color:#9d8868;margin:0 0 20px;overflow-wrap:anywhere}.cards{display:grid;gap:10px}.book-card{display:grid;grid-template-columns:41px 1fr;gap:13px;border:1px solid #ede1c9;border-radius:12px;background:#fffdf8;padding:15px 13px;box-shadow:0 5px 12px #ad752006}.book-spine{display:grid;place-items:center;background:#e5a944;border-left:4px solid #d49432;color:#fff8dc;width:39px;height:62px;border-radius:2px 5px 5px 2px;font-size:22px;font-family:Georgia,serif;box-shadow:3px 3px 0 #d8b57420}.book-card:nth-child(2) .book-spine{background:#e27948;border-left-color:#c96133}.book-card:nth-child(3) .book-spine{background:#c7ab61;border-left-color:#ac934d}.book-card:nth-child(4) .book-spine{background:#bb8170;border-left-color:#a96d5c}.book-card:nth-child(5) .book-spine{background:#b5ac7b;border-left-color:#9b9367}.book-meta{font-size:9px;color:#b0925f;margin:0 0 5px}.book-card h3{font-size:15px;line-height:1.6;margin:0;overflow-wrap:anywhere}.why{font-size:11px;line-height:1.8;color:#9b886d;margin:6px 0 0}.result-tools{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#b19a78;padding:9px 0 14px}.quiz-inline{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 11px;background:#fff0cd;border:1px solid #f0d9a4;border-radius:8px;font-size:10px;color:#a77c41;margin-bottom:22px}.membership{position:relative;overflow:hidden;background:linear-gradient(140deg,#ffdf66,#ffc847 53%,#ffdd76);border:1px solid #edbd50;border-radius:19px;padding:31px 17px 23px;text-align:center;margin-bottom:25px;color:#704321;box-shadow:0 6px 20px #c58c2220}.membership:before{content:"";position:absolute;width:190px;height:190px;border:1px solid #fff9;border-radius:50%;right:-115px;top:-60px;pointer-events:none}.member-ticket{display:inline-block;background:#fff6d9;color:#af722e;font-size:9px;letter-spacing:1px;padding:6px 12px;border:1px solid #fffdf2;border-radius:15px;margin-bottom:16px}.member-kicker{font-size:9px;letter-spacing:1px;color:#a37733;margin:0 0 8px}.membership h2{font-size:21px;line-height:1.6;margin:0 0 12px;font-weight:700}.member-offer{font-size:12px;line-height:1.9;margin:0 0 14px;color:#a65423}.member-products{display:flex;justify-content:center;gap:5px}.member-products span{border:1px solid #edbd59;background:#fff0be;font-size:9px;padding:5px 7px;border-radius:5px;color:#ac7832}.member-note{font-size:9px;line-height:1.8;color:#a9874d;margin:10px 0 17px}.qr-wrap{padding:11px;width:216px;max-width:100%;margin:auto;border-radius:12px;background:#fffdfa;box-shadow:0 6px 17px #c88b2930;border:1px solid #fff}.qr-wrap img{display:block;width:100%;height:auto;-webkit-touch-callout:default;user-select:auto}.qr-action{font-size:16px;color:#8f461f;letter-spacing:1px;margin:16px 0 7px;font-weight:600}.qr-desktop{font-size:9px;color:#a37d40;margin:0}.backdrop{position:fixed;inset:0;background:#49311866;z-index:10;display:flex;align-items:flex-end;justify-content:center;backdrop-filter:blur(3px)}.quiz-dialog{max-width:560px;width:100%;background:#fffbf2;padding:22px 21px max(25px,env(safe-area-inset-bottom));border-radius:22px 22px 0 0;max-height:92vh;overflow-y:auto;overscroll-behavior:contain;box-shadow:0 -8px 40px #6d481a20}.dialog-head{display:flex;align-items:center;justify-content:space-between}.dialog-head .eyebrow{margin:0}.close{width:33px;height:33px;border:1px solid #eaddc5;border-radius:50%;background:#fff7e3;color:#a0814c;font-size:25px;line-height:1}.quiz-dialog h2{font-size:25px;margin:13px 0 10px;letter-spacing:.3px}.quiz-intro{font-size:11px;line-height:1.9;color:#a18b6b;margin:0 0 21px}.quiz-stepbar{display:flex;align-items:center;gap:15px;margin:0 0 20px;font-size:10px;color:#ad884d}.quiz-progress-track{height:4px;background:#eee2c9;border-radius:4px;flex:1;overflow:hidden}.quiz-progress-track i{display:block;width:33.333%;height:100%;background:#edb137;border-radius:4px}.question h3{font-size:18px;line-height:1.6;margin:0 0 17px;outline:none}.question h3>span{display:none}.options{display:grid;gap:10px}.option{display:grid;grid-template-columns:26px 1fr;align-items:center;gap:10px;text-align:left;min-height:64px;padding:13px 12px;background:#fffef9;border:1px solid #eaddc4;border-radius:11px;font-size:12px;line-height:1.7;color:#826a48}.option-letter{width:25px;height:25px;border:1px solid #ead7b2;border-radius:50%;display:grid;place-items:center;color:#b89454;font-size:10px}.option[aria-pressed=true]{background:#fff0b9;border-color:#e8b33d;color:#8f5e21}.option[aria-pressed=true] .option-letter{background:#ffc945;border-color:#e8b33d;color:#78501e}.quiz-nav{display:flex;justify-content:space-between;gap:10px;align-items:center;min-height:54px;margin:6px 0 0}.quiz-nav .hint{font-size:9px;color:#b29a74;margin-left:auto}.quiz-result{border:1px solid #e8d4a9;border-radius:15px;padding:22px 17px;background:linear-gradient(145deg,#fff5d6,#fffcf3)}.quiz-result .eyebrow{font-size:9px;margin:0 0 14px}.result-logo{height:48px;max-width:100%;width:auto;object-fit:contain;object-position:left;display:block;mix-blend-mode:multiply;margin-left:-3px}.quiz-result h3{font-size:23px;margin:10px 0}.quiz-result>p:not(.eyebrow){font-size:12px;line-height:1.9;color:#957b54;margin:0 0 14px}.answer-summary{border-left:2px solid #eac260;padding-left:10px;font-size:10px;line-height:1.8;color:#aa8e62;margin:15px 0}.quiz-result .recommendation-note{font-size:9px!important;color:#b39d7b!important}.quiz-result>.text-btn{display:block;margin:3px auto 0}.quiz-result .primary{font-size:12px}.sheet-open{overflow:hidden}.noscript{padding:20px}@media(min-width:600px){.page{margin:25px auto;border-radius:22px;padding:0 28px;box-shadow:0 16px 70px #8c632415}.hero{margin:0 -28px;min-height:225px}.hero-copy{padding:27px 28px}.hero h1{font-size:31px}.hero-art{object-position:center}.hero:after{background:linear-gradient(90deg,#fff2d4ee,#fff2d4bb 42%,transparent 68%)}.scene{font-size:12px;min-height:38px}.custom-box{padding-top:23px}.input-heading label{font-size:14px}.input-heading>span{font-size:10px}textarea{font-size:14px}.quiz-entry strong{font-size:14px}.quiz-entry small{font-size:11px}.quiz-dialog{border-radius:22px;max-height:87vh}.backdrop{align-items:center}}@media(max-width:340px){.page{padding:0 16px}.topbar{height:61px}.brand{gap:7px}.brand strong{font-size:12px}.brand-logo{transform:scale(.9);transform-origin:left center;width:104px;margin-right:-8px}.brand-note{display:none}.hero{margin:0 -16px;min-height:197px}.hero-copy{padding:22px 16px}h1{font-size:25px}.hero-note{font-size:11px}.hero-art{object-position:65% center}.hero:after{background:linear-gradient(90deg,#fff2d4fa,#fff2d4ee 33%,#fff2d4aa 60%,transparent)}.input-heading label{font-size:11px}.input-heading>span{font-size:8px}.writing-box{padding:12px 10px 9px}.writing-foot{font-size:8px}textarea{font-size:12px;min-height:160px}.scenes{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.scene{font-size:10px;min-height:32px}.quiz-entry{padding:13px 10px;gap:9px}.quiz-entry strong{font-size:11px}.quiz-entry small{font-size:8px}.quiz-emblem{width:29px;height:34px}.quiz-dialog{padding-left:17px;padding-right:17px}.quiz-dialog h2{font-size:22px}.question h3{font-size:17px}.option{font-size:11px;min-height:62px}.membership h2{font-size:18px}.member-offer{font-size:11px}.member-products span{padding:5px;font-size:8px}.quiz-inline{font-size:9px}.result-tools{font-size:8px}footer{font-size:7px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}