:root{--bg:#edf2ef;--surface:#f9fbf9;--ink:#142c25;--muted:#556860;--forest:#153d31;--moss:#789488;--pale:#dfe9e3;--line:#cbd7d0;--danger:#8a463b;--shadow:0 24px 80px rgba(10,35,27,.18);--r:18px;--sans:"Microsoft YaHei UI","PingFang SC",sans-serif;--serif:"STSong","SimSun",serif;--ease:cubic-bezier(.2,.8,.2,1)}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-width:320px;min-height:100dvh;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.65}button,textarea,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.42}button:focus-visible,textarea:focus-visible,input:focus-visible{outline:3px solid #2f7560;outline-offset:3px}.skip{position:fixed;top:-80px;left:16px;z-index:99;padding:8px 12px;background:var(--ink);color:white}.skip:focus{top:16px}.top{position:relative;z-index:20;height:68px;width:min(1160px,calc(100% - 40px));margin:auto;display:flex;align-items:center;gap:16px}.brand{display:flex;align-items:center;gap:8px;border:0;background:none;color:var(--forest);font-weight:800}.brand span{display:grid;place-items:center;width:32px;height:32px;border:1px solid currentColor;border-radius:50%;font-family:var(--serif)}.status{margin-left:auto;padding:5px 9px;border-radius:999px;background:var(--pale);color:var(--forest);font-size:.78rem}.quiet{border:0;background:transparent;color:var(--muted);padding:8px}.shell{width:min(1160px,calc(100% - 40px));margin:auto}.primary,.secondary{min-height:50px;padding:0 20px;border-radius:12px;font-weight:750;transition:transform .18s var(--ease),background .18s}.primary{border:0;background:var(--forest);color:#f4f8f5;box-shadow:0 10px 24px rgba(21,61,49,.2)}.secondary{border:1px solid var(--line);background:var(--surface);color:var(--ink)}.primary:hover:not(:disabled){background:#0d3025;transform:translateY(-1px)}.secondary:hover{background:var(--pale)}.primary:active,.secondary:active{transform:scale(.98)}h1,h2,p{margin-top:0}h1,h2{font-family:var(--serif);font-weight:600;letter-spacing:-.035em;line-height:1.16}.label{color:var(--moss);font-size:.8rem;font-weight:800;letter-spacing:.12em}.lead{color:var(--muted);font-size:1.08rem}.boundary{color:var(--muted);font-size:.82rem}
.landing{position:relative;min-height:calc(100dvh - 68px);display:grid;align-items:center;overflow:hidden;background:linear-gradient(90deg,rgba(8,29,22,.88),rgba(8,29,22,.24)),url('assets/backgrounds/mist-forest.jpg') center/cover}.landing-inner{padding-block:54px;color:white}.landing h1{max-width:11ch;margin:18px 0 24px;font-size:clamp(3.5rem,8vw,7.2rem)}.landing .lead{max-width:40rem;color:rgba(255,255,255,.8)}.landing-actions{display:flex;gap:12px;margin:32px 0 22px}.landing .secondary{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.35);color:white}.landing .boundary{color:rgba(255,255,255,.64);max-width:46rem}.question-page{min-height:calc(100dvh - 68px);display:grid;grid-template-columns:.72fr 1.28fr}.question-side{display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(26px,5vw,70px);color:white;background:linear-gradient(rgba(12,39,30,.32),rgba(12,39,30,.83)),url('assets/backgrounds/blue-mist.jpg') center/cover}.question-side h1{font-size:clamp(2.5rem,5vw,4.8rem)}.question-main{display:grid;align-content:center;padding:clamp(28px,7vw,96px);background:var(--surface)}label{display:block;margin-bottom:10px;font-weight:760}.required{color:var(--danger)}textarea{width:100%;min-height:170px;padding:18px;border:1px solid var(--line);border-radius:var(--r);background:white;color:var(--ink);resize:vertical}.field-meta{display:flex;justify-content:space-between;margin-top:7px;color:var(--muted);font-size:.8rem}.examples{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.examples button,.chips button{padding:9px 12px;border:0;border-radius:999px;background:var(--pale);color:var(--ink)}.form-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:26px}.inline-error{margin-top:8px;color:var(--danger);font-size:.85rem}.review-box{padding:26px;border-radius:var(--r);background:white;box-shadow:var(--shadow)}.review-box blockquote{margin:22px 0;padding:18px 0 18px 20px;border-left:2px solid var(--forest);font-family:var(--serif);font-size:1.25rem}.spread-intro{min-height:calc(100dvh - 68px);display:grid;align-content:center;padding-block:50px;text-align:center}.spread-intro h1{font-size:clamp(2.6rem,5vw,4.8rem)}.positions{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:36px auto;width:min(900px,100%)}.position{padding:24px;border-radius:var(--r);background:var(--surface);box-shadow:0 12px 38px rgba(20,55,43,.09)}.position i{font-style:normal;color:var(--moss)}.position h2{margin:16px 0 8px}.spread-actions{display:flex;justify-content:center;gap:12px}.table-page{position:relative;min-height:calc(100dvh - 68px);padding:28px 0 70px;background:linear-gradient(rgba(237,242,239,.86),rgba(237,242,239,.95)),url('assets/backgrounds/cloud-sea.jpg') center/cover}.table-head{text-align:center}.table-head h1{font-size:clamp(2.5rem,5vw,4.5rem)}.spread{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,3vw,36px);width:min(900px,100%);margin:38px auto}.card-slot{display:grid;gap:12px;text-align:center}.slot-label{color:var(--forest);font-weight:800}.card{position:relative;aspect-ratio:493/700;perspective:1200px}.card-inner{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .65s var(--ease)}.card.flipped .card-inner{transform:rotateY(180deg)}.face{position:absolute;inset:0;overflow:hidden;border-radius:16px;backface-visibility:hidden;box-shadow:var(--shadow)}.back{display:grid;place-items:center;background:radial-gradient(circle at center,#527769 0 4%,transparent 4.5%),repeating-radial-gradient(circle at center,#2b5949 0 2px,#173d31 3px 14px);border:10px solid #dce8e1;color:white}.back:after{content:"闻息";display:grid;place-items:center;width:72px;height:72px;border:1px solid rgba(255,255,255,.5);border-radius:50%;background:rgba(9,35,27,.35);font-family:var(--serif);font-size:1.25rem}.front{transform:rotateY(180deg);background:white}.front img{width:100%;height:100%;object-fit:cover}.draw-note{text-align:center;color:var(--muted)}.flip-page{min-height:calc(100dvh - 68px);display:grid;grid-template-columns:.82fr 1.18fr;align-items:center;gap:clamp(40px,8vw,110px);padding-block:40px}.single-card{width:min(370px,78vw);justify-self:center}.single-card img{display:block;width:100%;border-radius:16px;box-shadow:var(--shadow)}.flip-copy{padding:clamp(24px,4vw,46px);border-radius:var(--r);background:rgba(249,251,249,.94);box-shadow:var(--shadow)}.flip-copy h1{font-size:clamp(2.5rem,5vw,4.6rem)}.chips{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.chips button.selected{background:var(--forest);color:white}.scene{padding:16px;border-radius:14px;background:var(--pale);color:var(--muted)}.reveal-title{font-size:2.6rem;margin-bottom:8px}.result{padding:46px 0 80px}.result h1{font-size:clamp(2.8rem,6vw,5rem)}.result-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:28px}.mini-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;align-content:start}.mini-cards img{width:100%;border-radius:10px;box-shadow:0 12px 28px rgba(20,55,43,.14)}.reading{padding:clamp(24px,4vw,44px);border-radius:var(--r);background:var(--surface);box-shadow:var(--shadow)}.reading section{margin-bottom:24px}.reading h2{font-size:1.35rem}.knowledge-status{padding:14px;border-radius:12px;background:var(--pale);font-size:.84rem;color:var(--muted)}.chat{margin-top:28px;padding:24px;border-radius:var(--r);background:var(--surface)}.messages{display:grid;gap:12px;margin-bottom:16px}.message{max-width:85%;padding:13px 15px;border-radius:14px;background:var(--pale)}.message.user{justify-self:end;background:var(--forest);color:white}.chat-form{display:grid;grid-template-columns:1fr auto;gap:10px}.chat-form input{min-width:0;padding:13px;border:1px solid var(--line);border-radius:12px;background:white}.loading{display:inline-flex;align-items:center;gap:8px}.loading:before{content:"";width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;z-index:99;left:50%;bottom:22px;transform:translateX(-50%);padding:12px 16px;border-radius:10px;background:var(--ink);color:white;box-shadow:var(--shadow)}
@media(max-width:760px){.top,.shell{width:min(100% - 28px,680px)}.question-page{grid-template-columns:1fr}.question-side{min-height:260px;padding:28px}.question-main{padding:28px 18px 50px}.positions{grid-template-columns:1fr}.spread{gap:7px}.slot-label{font-size:.75rem}.face{border-radius:10px}.back{border-width:5px}.back:after{width:45px;height:45px;font-size:.8rem}.flip-page{grid-template-columns:1fr}.flip-copy{padding:24px 18px}.result-grid{grid-template-columns:1fr}.chat-form{grid-template-columns:1fr}.chat-form button{width:100%}.landing h1{font-size:3.5rem}.landing-actions{align-items:stretch;flex-direction:column}.form-actions{align-items:stretch;flex-direction:column-reverse}.form-actions button{width:100%}.spread-actions{align-items:stretch;flex-direction:column}.spread-actions button{width:100%}}
.message strong{font-weight:800}.message hr{height:1px;margin:18px 0;border:0;background:var(--line)}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.conversation-page{min-height:calc(100dvh - 68px);padding:46px 0 100px;background:linear-gradient(rgba(237,242,239,.9),rgba(237,242,239,.98)),url('assets/backgrounds/cloud-sea.jpg') center top/cover fixed}.conversation-shell{width:min(820px,calc(100% - 32px));margin:auto}.conversation-intro{max-width:660px;margin-bottom:40px}.conversation-intro h1{font-size:clamp(3rem,7vw,6rem);margin:10px 0 18px}.conversation-intro>p:last-child{max-width:620px;color:var(--muted)}.conversation{display:grid;gap:22px}.chat-row{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;align-items:start}.chat-row.user{grid-template-columns:minmax(0,1fr) 42px}.chat-row.user .avatar{grid-column:2}.chat-row.user .bubble{grid-column:1;grid-row:1;justify-self:end;background:var(--forest);color:white}.avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--forest);color:white;font-family:var(--serif)}.chat-row.user .avatar{background:var(--moss)}.bubble{max-width:690px;padding:18px 20px;border-radius:4px 18px 18px;background:rgba(249,251,249,.96);box-shadow:0 10px 32px rgba(20,55,43,.1)}.chat-row.user .bubble{border-radius:18px 4px 18px 18px}.composer{position:sticky;bottom:18px;z-index:10;display:grid;grid-template-columns:1fr auto;gap:10px;margin:30px 0 0 54px;padding:10px;border-radius:18px;background:rgba(249,251,249,.96);box-shadow:0 20px 60px rgba(10,35,27,.2)}.composer textarea{min-height:58px;border:0;resize:none;background:transparent}.composer textarea:focus-visible{outline:0}.composer .primary{align-self:end}.composer.waiting{display:block;padding:18px 20px}.inline-action{display:flex;gap:10px;margin:26px 0 0 54px}.inline-spread{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px}.conversation-card{display:grid;gap:9px;padding:0;border:0;background:transparent;color:var(--ink);text-align:center}.position-name{font-size:.76rem;font-weight:800;color:var(--muted)}.card-stage{position:relative;display:block;aspect-ratio:493/700;perspective:900px}.card-stage img,.card-back{position:absolute;inset:0;width:100%;height:100%;border-radius:12px;box-shadow:0 14px 35px rgba(20,55,43,.2);transition:transform .55s var(--ease),opacity .35s var(--ease)}.card-stage img{object-fit:cover;transform:rotateY(90deg);opacity:0}.card-back{display:grid;place-items:center;background:radial-gradient(circle at center,#527769 0 5%,transparent 5.5%),repeating-radial-gradient(circle at center,#2b5949 0 2px,#173d31 3px 14px);border:7px solid #dce8e1;color:white;font-family:var(--serif)}.conversation-card.is-open .card-stage img{transform:rotateY(0);opacity:1}.conversation-card.is-open .card-back{transform:rotateY(-90deg);opacity:0}.conversation-card small{color:var(--muted)}.table-hint{margin:18px 0 0 54px;color:var(--muted);font-size:.88rem}.card-dialog{width:min(860px,calc(100% - 28px));max-height:88dvh;padding:0;border:0;border-radius:22px;background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}.card-dialog::backdrop{background:rgba(7,25,19,.72)}.dialog-close{position:absolute;z-index:2;right:14px;top:14px;width:42px;height:42px;border:0;border-radius:50%;background:rgba(249,251,249,.92);color:var(--ink);font-size:1.5rem}.dialog-card{display:grid;grid-template-columns:minmax(240px,.7fr) 1.3fr;gap:34px;padding:32px}.dialog-card>img{width:100%;height:auto;border-radius:14px;box-shadow:var(--shadow)}.dialog-card h2{font-size:3rem}.detail-block{margin:20px 0;padding:16px;border-radius:14px;background:var(--pale)}.dialog-card details{margin-top:20px}.dialog-card summary{cursor:pointer;font-weight:800}
@media(max-width:760px){.conversation-page{padding-top:26px;background-attachment:scroll}.conversation-intro h1{font-size:3.35rem}.chat-row{grid-template-columns:34px minmax(0,1fr);gap:8px}.chat-row.user{grid-template-columns:minmax(0,1fr) 34px}.avatar{width:34px;height:34px;font-size:.8rem}.bubble{padding:15px}.composer{margin-left:0;grid-template-columns:1fr}.composer .primary{width:100%}.inline-action{margin-left:42px;flex-direction:column}.inline-spread{gap:6px}.conversation-card strong{font-size:.82rem}.conversation-card small{font-size:.7rem}.card-back{border-width:4px}.position-name{min-height:2.5em}.table-hint{margin-left:42px}.dialog-card{grid-template-columns:1fr;padding:18px}.dialog-card>img{width:min(250px,70vw);justify-self:center}.dialog-card h2{font-size:2.5rem}}
.status{border:0}.status[data-state="error"]{background:#f3e5df;color:var(--danger)}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:1ms!important;transition-duration:1ms!important}}