.feng-page{background:radial-gradient(circle at 88% 15%,#ffe17d 0 7%,transparent 7.2%),radial-gradient(circle at 10% 55%,#ffc3ce 0 9%,transparent 9.2%),var(--surface-3);color:var(--ink)}.feng-shell{max-width:1140px;margin:auto;padding:90px 28px 110px}.feng-hero{display:grid;grid-template-columns:1fr 310px;align-items:center;gap:50px}.feng-hero h1{margin:12px 0 20px;font-size:clamp(48px,7vw,82px);line-height:.96;letter-spacing:-.065em;font-weight:520}.feng-hero h1 em{color:var(--coral);font-style:normal}.feng-hero>div>p:not(.eyebrow){max-width:630px;color:var(--muted);line-height:1.7}.compass-cat{position:relative;width:260px;height:250px;margin:auto;filter:drop-shadow(0 20px 20px #6f413525)}.compass-cat:before{content:"";position:absolute;inset:32px 35px 28px;border:12px solid #fff6df;border-radius:50%;background:conic-gradient(#ff7959 0 25%,#ffd45e 0 50%,#81c7b6 0 75%,#ff9fb8 0)}.compass-cat:after{content:"";position:absolute;left:68px;top:68px;width:124px;height:116px;border-radius:46%;background:#ffbd5c;box-shadow:inset 0 -18px #ed7958}.compass-cat i:before,.compass-cat i:after{content:"";position:absolute;z-index:1;top:53px;width:55px;height:65px;border-radius:16px;background:#ffbd5c}.compass-cat i:before{left:57px;transform:rotate(31deg)}.compass-cat i:after{right:57px;transform:rotate(-31deg)}.compass-cat b{position:absolute;z-index:2;left:86px;top:113px;font-size:21px;letter-spacing:6px;color:#412633}.compass-cat span{position:absolute;z-index:3;left:105px;bottom:28px;width:48px;height:48px;display:grid;place-items:center;border:7px solid #fff6df;border-radius:50%;color:#e96747;font-size:25px}.compass-cat em{position:absolute;right:12px;top:12px;color:#ff7959;font-size:31px;font-style:normal}.feng-workspace{display:grid;grid-template-columns:390px minmax(0,1fr);gap:18px;margin-top:50px}.feng-form,.feng-result{border:1px solid var(--line);border-radius:24px;background:var(--surface);box-shadow:var(--shadow)}.feng-form{display:grid;gap:16px;padding:27px}.feng-form label{font-size:11px;font-weight:850}.feng-form input,.feng-form select{display:block;width:100%;margin-top:7px;padding:12px;border:1px solid var(--line);border-radius:11px;background:var(--control);color:var(--ink);font:inherit}.feng-form button{justify-content:center;border:0}.feng-form>small{text-align:center;color:var(--muted);font-size:9px}.feng-result{min-height:520px;padding:32px}.result-empty{display:grid;height:100%;place-content:center;text-align:center}.result-empty>span{font-size:48px;color:var(--coral)}.result-empty h2{margin:12px 0 5px}.result-empty p{max-width:390px;color:var(--muted)}.mood-head{display:flex;justify-content:space-between;gap:20px;align-items:start}.mood-head small{color:var(--coral);font-weight:900;letter-spacing:.12em}.mood-head h2{margin:8px 0;font-size:34px;letter-spacing:-.04em}.mood-element{display:grid;place-items:center;width:70px;height:70px;border-radius:50%;background:var(--butter);font-size:32px}.mood-copy{color:var(--muted);line-height:1.6}.mood-palette{display:flex;gap:9px;margin:22px 0}.mood-palette i{width:52px;height:52px;border:6px solid var(--surface);border-radius:50%;box-shadow:0 0 0 1px var(--line)}.mood-tips{display:grid;gap:9px}.mood-tips article{display:grid;grid-template-columns:30px 1fr;gap:9px;padding:13px;border-radius:13px;background:var(--surface-2)}.mood-tips b{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:var(--coral);color:#fff;font-size:10px}.mood-tips p{margin:0;font-size:11px;line-height:1.5}.tiny-action{margin-top:16px;padding:15px;border:1px dashed var(--coral);border-radius:13px;background:color-mix(in srgb,var(--coral) 9%,var(--surface));font-size:11px}.result-actions{display:flex;gap:8px;margin-top:17px}.result-actions a,.result-actions button{flex:1;padding:11px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);text-align:center;font:inherit;font-size:10px;font-weight:850;text-decoration:none}.feng-note{display:flex;gap:16px;margin-top:18px;padding:18px 20px;border-radius:16px;background:var(--cocoa);color:#fff}.feng-note p{margin:0;color:#d9c8cc;font-size:10px;line-height:1.55}.feng-note b{white-space:nowrap;color:#ffd45e}@media(max-width:780px){.feng-hero{grid-template-columns:1fr;text-align:center}.feng-hero>div>p{margin-inline:auto}.compass-cat{transform:scale(.8);margin-block:-30px}.feng-workspace{grid-template-columns:1fr}}@media(max-width:520px){.feng-shell{padding:65px 14px 80px}.feng-hero h1{font-size:48px}.feng-form,.feng-result{border-radius:20px;padding:21px}.feng-result{min-height:450px}.mood-head h2{font-size:28px}.feng-note{display:grid}.result-actions{display:grid}}
.feng-story{grid-column:1/-1}.feng-story textarea{min-height:88px;resize:vertical;border:1px solid var(--line);border-radius:10px;padding:12px;background:var(--control);color:var(--ink);font:inherit}.cat-stream{display:grid;grid-template-columns:72px 1fr;gap:16px;margin:22px 0;padding:20px;border:1px solid var(--line);border-radius:18px;background:var(--surface-2)}.cat-stream-avatar{position:relative;width:65px;height:65px;border-radius:45% 45% 42% 42%;background:#ffbf62;box-shadow:inset 0 -10px #f1845f}.cat-stream-avatar:before,.cat-stream-avatar:after{content:"";position:absolute;top:-7px;width:23px;height:29px;border-radius:8px;background:#ffbf62}.cat-stream-avatar:before{left:3px;transform:rotate(25deg)}.cat-stream-avatar:after{right:3px;transform:rotate(-25deg)}.cat-stream-avatar b{position:absolute;z-index:1;left:13px;top:25px;color:#40262e;font-size:13px;letter-spacing:2px}.cat-stream small{color:var(--coral);font-size:9px;font-weight:900;letter-spacing:.13em}.cat-stream p{min-height:72px;margin:8px 0;color:var(--ink);font-size:14px;line-height:1.7;white-space:pre-wrap}.cat-stream>div:last-child>span{color:var(--muted);font-size:10px}.result-actions{flex-wrap:wrap}@media(max-width:520px){.cat-stream{grid-template-columns:1fr}.cat-stream-avatar{transform:scale(.8);transform-origin:left center}}