:root{color:#25332b;background:#f2e6cf;font-family:Microsoft YaHei,PingFang SC,Noto Sans CJK SC,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--paper: #fff7e8;--paper-deep: #ead9b9;--ink: #25332b;--green: #243d32;--red: #c9302c;--red-soft: #e7674f;--gold: #c59a46;--khaki: #b9a172;--line: rgba(37, 51, 43, .18);--shadow: 0 20px 60px rgba(72, 55, 32, .16)}*{box-sizing:border-box}html,body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit}.app-shell{position:relative;min-height:100vh;overflow:hidden;background:linear-gradient(rgba(36,61,50,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(36,61,50,.035) 1px,transparent 1px),radial-gradient(circle at 10% 0%,rgba(201,48,44,.14),transparent 34%),radial-gradient(circle at 90% 16%,rgba(197,154,70,.18),transparent 30%),#f2e6cf;background-size:24px 24px,24px 24px,auto,auto,auto}.app-shell:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.22;z-index:9;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.08'/%3E%3C/svg%3E")}.ambient{position:fixed;width:360px;height:360px;border-radius:50%;pointer-events:none;opacity:.16}.ambient-one{top:-190px;right:-150px;background:var(--red)}.ambient-two{bottom:-230px;left:-170px;background:var(--green)}.site-header,.site-footer,.page-wrap{width:min(100% - 32px,980px);margin:0 auto}.site-header{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:22px 0 12px}.brand-mark{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-weight:800}.brand-mark span{display:grid;place-items:center;width:42px;height:42px;border:2px solid var(--green);border-radius:50%;color:var(--red);background:#fff7e8c7}.brand-mark i{width:1px;height:28px;background:var(--line)}.plain-link{color:#25332bb8;font-weight:700;text-decoration:none}.plain-link:hover{color:var(--red)}.page-wrap{position:relative;z-index:1}.home-page{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(310px,.8fr);gap:42px;align-items:center;padding:34px 0 28px}.eyebrow{margin:0 0 16px;color:var(--red);font-size:13px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.eyebrow span{display:inline-block;padding:8px 12px;border:1px solid rgba(201,48,44,.22);border-radius:999px;background:#fff7e8c7}.hero-copy h1{margin:0;color:var(--green);font-size:clamp(52px,10vw,104px);line-height:.96;letter-spacing:-.08em}.hero-copy h1 em{color:var(--red);font-style:normal}.hero-lead{max-width:560px;margin:22px 0 0;color:#25332bc7;font-size:18px;line-height:1.8}.test-meta{display:inline-flex;align-items:center;gap:16px;margin:28px 0;padding:16px 18px;border:1px solid var(--line);border-radius:24px;background:#fff7e8c7;box-shadow:var(--shadow)}.test-meta div{display:grid;gap:2px}.test-meta strong{font-size:20px;color:var(--red)}.test-meta span{color:#25332b9e;font-size:13px;font-weight:800}.test-meta i{width:1px;height:32px;background:var(--line)}.primary-button,.secondary-button,.back-button{border:0;cursor:pointer}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 24px;border-radius:999px;color:#fff8ed;background:linear-gradient(135deg,var(--red),#9f2827);box-shadow:0 16px 36px #9f282747;font-weight:900;text-decoration:none}.primary-button:disabled{cursor:wait;opacity:.72}.secondary-button{min-height:52px;padding:0 22px;border:1px solid var(--line);border-radius:999px;color:var(--green);background:#fff7e8d1;font-weight:900}.start-button{min-width:190px}.resume-note,.test-hint,.screenshot-tip,.home-disclaimer,.card-disclaimer,.poster-save-tip,.poster-filename,.poster-error{color:#25332b9e;font-size:13px;line-height:1.7}.hero-art{position:relative;min-height:520px;border:1px solid var(--line);border-radius:42px;background:linear-gradient(145deg,#fff7e8eb,#ead9b9e0),var(--paper);box-shadow:var(--shadow);overflow:hidden}.hero-art:before{content:"";position:absolute;top:24px;right:24px;bottom:24px;left:24px;border:1px dashed rgba(36,61,50,.18);border-radius:30px}.tape{position:absolute;width:86px;height:28px;rotate:-8deg;border-radius:4px;opacity:.88;background:#c59a467a}.tape-red{top:26px;left:34px;background:#c9302c33}.tape-yellow{top:-13px;right:36px}.scribble-note{position:absolute;top:72px;right:34px;max-width:210px;color:#25332bb3;font-weight:800;line-height:1.8;rotate:3deg}.art-stamp{position:absolute;right:32px;bottom:32px;display:grid;place-items:center;width:90px;height:90px;border:3px double var(--red);border-radius:50%;color:var(--red);font-weight:1000;line-height:1;rotate:-8deg}.doodle{position:absolute;left:50%;top:54%;width:250px;height:300px;transform:translate(-50%,-50%)}.doodle-file{position:absolute;left:36px;top:30px;width:174px;height:226px;border:4px solid var(--green);border-radius:20px;background:#fff7e8b8;box-shadow:16px 16px #c9302c1f}.doodle-file:before{content:"801";position:absolute;top:24px;left:28px;color:var(--red);font-size:44px;font-weight:1000}.doodle-file span{position:absolute;left:30px;right:30px;height:4px;border-radius:4px;background:#243d3238}.doodle-file span:nth-child(1){top:100px}.doodle-file span:nth-child(2){top:126px;width:84px}.doodle-file span:nth-child(3){top:152px}.doodle-compass{position:absolute;right:6px;top:4px;width:86px;height:86px;border:3px solid var(--red);border-radius:50%;background:#fff7e8b8}.doodle-compass i,.doodle-compass b{position:absolute;top:18px;right:39px;bottom:18px;left:39px;display:block;border-radius:999px;background:var(--red)}.doodle-compass b{transform:rotate(90deg)}.doodle-ribbon{position:absolute;left:12px;bottom:22px;width:220px;height:20px;border-radius:999px;background:var(--red);transform:rotate(-6deg)}.doodle-stars{position:absolute;left:6px;top:14px;color:var(--gold);font-size:24px;font-weight:900}.test-page,.result-page,.disclaimer-page{max-width:760px;padding:28px 0 42px}.test-topline{display:flex;align-items:center;justify-content:space-between}.back-button{display:inline-flex;align-items:center;gap:8px;padding:11px 14px;border:1px solid var(--line);border-radius:999px;background:#fff7e8cc;color:var(--green);font-weight:900}.test-topline p{margin:0;color:#25332b94;font-weight:900}.test-topline strong{color:var(--red);font-size:26px}.progress-track{height:10px;margin:18px 0 28px;border-radius:999px;background:#25332b1a;overflow:hidden}.progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--red),var(--gold));transition:width .24s ease}.question-card,.result-card,.disclaimer-card,.poster-modal{position:relative;border:1px solid var(--line);border-radius:34px;background:#fff7e8e6;box-shadow:var(--shadow)}.question-card{padding:34px 24px 26px}.scene-label{display:grid;gap:8px;margin:0 0 22px;color:#25332ba6;font-weight:800}.scene-label span{width:max-content;padding:6px 10px;border-radius:999px;color:var(--red);background:#c9302c17;font-size:12px;letter-spacing:.08em}.question-card h1{margin:0 0 24px;color:var(--green);font-size:clamp(28px,6vw,42px);line-height:1.25;letter-spacing:-.04em}.options-list{display:grid;gap:12px}.option-button{display:grid;grid-template-columns:42px 1fr 20px;gap:12px;align-items:center;width:100%;padding:16px;border:1px solid rgba(37,51,43,.14);border-radius:22px;background:#ffffff61;color:var(--ink);text-align:left;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.option-button:hover,.option-button.is-selected{transform:translateY(-2px);border-color:#c9302c6b;background:#c9302c14}.option-letter{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;color:var(--red);background:#c9302c1a;font-weight:1000}.result-heading h1,.disclaimer-page h1{margin:0 0 24px;color:var(--green);font-size:clamp(34px,7vw,56px);line-height:1.1;letter-spacing:-.06em}.result-card{padding:24px;overflow:hidden}.result-card:before,.poster-canvas:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 90% 4%,color-mix(in srgb,var(--result-color, var(--red)) 18%,transparent),transparent 28%),linear-gradient(135deg,rgba(255,255,255,.42),transparent 45%)}.result-card-top{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:flex-start}.result-index{padding:10px 12px;border:1px solid var(--line);border-radius:16px;color:var(--red);font-size:12px;font-weight:1000;line-height:1.05;letter-spacing:.14em}.result-emoji{color:var(--result-color, var(--red));font-size:54px;font-weight:1000}.overall-badge{position:relative;z-index:1;display:inline-flex;align-items:flex-end;gap:6px;margin-top:18px;color:var(--red)}.overall-badge span{font-size:72px;font-weight:1000;line-height:.86}.overall-badge small{padding-bottom:8px;color:#25332b8c;font-weight:900}.result-overline{position:relative;z-index:1;margin:18px 0 8px;color:#25332b8f;font-weight:900;letter-spacing:.12em}.result-card h2{position:relative;z-index:1;margin:0;color:var(--green);font-size:clamp(38px,8vw,66px);line-height:1;letter-spacing:-.07em}.result-title{position:relative;z-index:1;margin:12px 0 0;color:var(--result-color, var(--red));font-size:20px;font-weight:1000}.keyword-row{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.keyword-row span{padding:8px 11px;border-radius:999px;background:#25332b14;color:var(--green);font-size:13px;font-weight:900}blockquote{position:relative;z-index:1;margin:20px 0;padding:18px;border-left:5px solid var(--result-color, var(--red));border-radius:0 18px 18px 0;background:#ffffff57;color:var(--green);font-size:20px;font-weight:900;line-height:1.6}.result-description{position:relative;z-index:1;color:#25332bc2;font-size:16px;line-height:1.8}.dimension-panel{position:relative;z-index:1;margin:24px 0;padding:18px;border:1px solid rgba(37,51,43,.1);border-radius:24px;background:#ffffff4d}.dimension-panel h3,.result-grid h3{margin:0 0 14px;color:var(--green)}.dimension-list{display:grid;gap:14px}.dimension-item{display:grid;grid-template-columns:1fr 40px;gap:10px;align-items:center}.dimension-item strong,.dimension-item span,.dimension-item i{grid-column:1 / -1}.dimension-item div{display:flex;justify-content:space-between;gap:12px}.dimension-item span{color:#25332b8f;font-size:12px}.dimension-item em{grid-column:2;grid-row:1;justify-self:end;color:var(--red);font-style:normal;font-weight:1000}.dimension-item i{height:9px;border-radius:999px;background:#25332b1a;overflow:hidden}.dimension-item b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--result-color, var(--red)),var(--gold))}.result-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.result-grid section{padding:16px;border:1px solid rgba(37,51,43,.1);border-radius:22px;background:#ffffff47}.result-grid h3 span{color:var(--red)}.result-grid p{margin:0;color:#25332bb8;line-height:1.7}.decor-box{position:relative;z-index:1;margin-top:14px;padding:18px;border-radius:22px;color:#fff7e8;background:var(--green)}.decor-box p{margin:0 0 8px;opacity:.78}.decor-box strong{font-size:17px;line-height:1.7}.result-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}.disclaimer-card{padding:24px;color:#25332bbd;line-height:1.9}.inline-button{margin-top:18px}.poster-export-stage{position:fixed;left:-99999px;top:0;width:1080px;height:1440px;overflow:hidden;pointer-events:none}.poster-canvas{position:relative;width:1080px;height:1440px;padding:74px;overflow:hidden;color:var(--ink);background:linear-gradient(rgba(36,61,50,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(36,61,50,.045) 1px,transparent 1px),radial-gradient(circle at 82% 10%,rgba(201,48,44,.16),transparent 32%),#f7edda;background-size:36px 36px,36px 36px,auto,auto}.poster-tape{position:absolute;top:36px;width:180px;height:48px;border-radius:6px;background:#c9302c2e}.poster-tape-left{left:70px;rotate:-8deg}.poster-tape-right{right:70px;rotate:8deg;background:#c59a4652}.poster-header,.poster-footer{position:relative;z-index:1;display:flex;justify-content:space-between;gap:28px;align-items:flex-start}.poster-header p{margin:0 0 12px;color:var(--red);font-size:28px;font-weight:1000;letter-spacing:.12em}.poster-header h1{margin:0;max-width:640px;color:var(--green);font-size:78px;line-height:1.05;letter-spacing:-.07em}.poster-header span{padding:16px 20px;border:2px solid var(--green);border-radius:999px;color:var(--green);font-size:22px;font-weight:1000}.poster-main{position:relative;z-index:1;margin:70px 0 56px;padding:52px;border:2px solid rgba(37,51,43,.16);border-radius:54px;background:#fff7e8db;box-shadow:0 28px 90px #48372024}.poster-doorplate{display:inline-grid;gap:4px;padding:16px 20px;border-radius:22px;color:#fff7e8;background:var(--green)}.poster-doorplate small,.poster-number{letter-spacing:.14em;font-weight:1000}.poster-doorplate strong{font-size:34px}.poster-doorplate em{color:#fff7e8b8;font-style:normal}.poster-symbol{position:absolute;right:50px;top:48px;width:190px;height:190px;color:var(--poster-color, var(--red))}.poster-symbol span,.poster-symbol i,.poster-symbol b{position:absolute;display:block}.poster-symbol span{top:14px;right:14px;bottom:14px;left:14px;border:10px solid currentColor;border-radius:50%}.poster-symbol i{top:54px;right:54px;bottom:54px;left:54px;border:8px solid currentColor;rotate:45deg}.poster-symbol b{left:50%;top:8px;width:12px;height:170px;border-radius:999px;background:currentColor;transform:translate(-50%) rotate(28deg);opacity:.56}.poster-number{margin:54px 0 8px;color:#25332b94;font-size:22px}.poster-score{display:flex;align-items:flex-end;gap:10px;color:var(--poster-color, var(--red))}.poster-score strong{font-size:118px;line-height:.86}.poster-score span{padding-bottom:12px;font-size:30px;font-weight:1000}.poster-main h2{margin:28px 0 16px;color:var(--green);font-size:86px;line-height:1;letter-spacing:-.07em}.poster-keywords{display:flex;gap:12px;flex-wrap:wrap}.poster-keywords span{padding:12px 18px;border-radius:999px;color:#fff7e8;background:var(--poster-color, var(--red));font-size:24px;font-weight:1000}.poster-main blockquote{margin:30px 0;font-size:32px}.poster-summary{margin:0 0 28px;color:#25332bb8;font-size:26px;line-height:1.65}.poster-dimensions{display:grid;grid-template-columns:repeat(2,1fr);gap:18px 24px}.poster-dimensions div{display:grid;grid-template-columns:96px 1fr 44px;gap:12px;align-items:center;font-size:22px;font-weight:1000}.poster-dimensions i{height:16px;border-radius:999px;background:#25332b1a;overflow:hidden}.poster-dimensions b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--poster-color, var(--red)),var(--gold))}.poster-dimensions em{color:var(--poster-color, var(--red));font-style:normal}.poster-footer{align-items:center}.poster-qr-card{display:flex;align-items:center;gap:18px}.poster-qr-card img,.poster-qr-placeholder{width:150px;height:150px;border-radius:18px;background:#fff7e8}.poster-qr-card p{max-width:180px;color:var(--green);font-size:24px;font-weight:1000;line-height:1.3}.poster-meta{max-width:420px;text-align:right}.poster-meta strong{display:block;margin-bottom:10px;color:var(--red);font-size:28px}.poster-meta span{color:#25332b99;font-size:18px;line-height:1.5}.poster-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:20px;background:#12191594}.poster-modal{width:min(100%,430px);max-height:min(90vh,760px);overflow:auto;padding:18px}.poster-modal-header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.poster-modal-header p{margin:0 0 4px;color:var(--red);font-size:13px;font-weight:900}.poster-modal-header h2{margin:0;color:var(--green)}.poster-close-button{width:36px;height:36px;border:0;border-radius:50%;background:#25332b14;cursor:pointer}.poster-preview-frame{margin:18px 0;border-radius:24px;overflow:hidden;background:#111}.poster-preview-frame img{display:block;width:100%}.poster-modal-actions{display:grid;gap:10px}@media(max-width:760px){.site-header,.site-footer,.page-wrap{width:min(100% - 24px,430px)}.site-header{padding-top:16px}.brand-mark strong{max-width:130px}.home-page{grid-template-columns:1fr;gap:24px;padding-top:20px}.hero-copy h1{font-size:clamp(52px,17vw,72px)}.hero-lead{font-size:16px}.test-meta{display:grid;grid-template-columns:repeat(3,1fr);width:100%;gap:10px}.test-meta i{display:none}.hero-art{min-height:390px;border-radius:34px}.doodle{scale:.78}.question-card,.result-card{border-radius:28px;padding:22px 16px}.option-button{grid-template-columns:38px 1fr 16px;padding:14px 12px}.option-letter{width:38px;height:38px}.result-grid,.result-actions{grid-template-columns:1fr}.overall-badge span{font-size:62px}}