:root{--ink:#193126;--soft:#70816f;--line:#dfe5d9;--lime:#c0f25b;--paper:#f4f6ee;--white:#fff;--purple:#ede6f7}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;font-size:14px;line-height:1.6}button,input,select,textarea{font:inherit;color:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{border:0;background:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #83a34e;outline-offset:3px}h1,h2,h3,p{margin:0}h1{font-size:34px;line-height:1.28;letter-spacing:-1px}h2{font-size:24px;line-height:1.35}h3{font-size:17px;line-height:1.4}.shell{display:grid;grid-template-columns:262px minmax(430px,1fr) 330px;min-height:100vh}.sidebar{padding:26px 18px;background:#fff;border-right:1px solid var(--line);height:100vh;overflow:auto;position:sticky;top:0}.brand{font-size:22px;font-weight:800;display:flex;gap:10px;align-items:center}.brand b{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:var(--lime);font:italic bold 32px Georgia}.brand small{font-size:10px;letter-spacing:3px;margin-left:3px}.sidebar .search{margin:23px 0 12px;width:100%;border:1px solid var(--line);border-radius:10px;background:var(--paper);padding:11px}.group{font-size:11px;color:var(--soft);letter-spacing:1px;margin:22px 9px 9px}.flow-link{display:block;padding:10px 11px;border-radius:11px;font-size:12px;line-height:1.6;margin:4px 0}.flow-link span{color:#829177;margin-right:7px}.flow-link.active{background:#eaf2db;color:#284321;font-weight:700}.flow-link:hover{background:#f0f4e8}.stage{padding:24px 20px 38px;display:flex;flex-direction:column;align-items:center;gap:20px;min-width:0}.stage-top{display:flex;gap:14px;justify-content:space-between;width:100%;max-width:680px;align-items:center;font-size:12px;color:var(--soft)}.stage-top a{font-weight:700}.device{width:406px;padding:8px;background:#1b2920;border:1px solid #70806e;border-radius:44px;box-shadow:0 25px 50px #20341c18}.phone{background:#fff;width:388px;height:844px;display:flex;flex-direction:column;overflow:hidden;border-radius:36px}.status{height:43px;display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:bold;padding:0 23px;flex-shrink:0}.status .island{background:#18241e;width:106px;height:24px;border-radius:15px}.status .bars{font-size:10px}.phone-nav{display:flex;align-items:center;gap:12px;padding:13px 20px 14px;flex-shrink:0}.phone-nav button{width:27px;height:30px;padding:0;text-align:left}.phone-nav svg{width:19px}.phone-nav strong{font-size:14px;flex:1}.phone-nav .dot{width:7px;height:7px;background:#bce95f;border-radius:50%}.screen-content{padding:10px 22px 24px;overflow:auto;flex:1;min-height:0}.eyebrow{color:#7e915f;font-size:10px;letter-spacing:2.2px;font-weight:700;margin:5px 0 10px}.screen-content h1{font-size:29px;margin-bottom:11px;line-height:1.34;letter-spacing:-.8px}.lead{font-size:13px;color:var(--soft);line-height:1.85}.blocks{display:flex;flex-direction:column;gap:15px;margin-top:23px}.hero{height:218px;border-radius:22px;overflow:hidden;position:relative;flex-shrink:0;background:#e8eedf}.sprite{position:absolute;inset:0;background-image:url('../页面原型/assets/sports-atlas-natural-v2.png');background-size:400% 200%;background-repeat:no-repeat}.media-photo{display:block;width:100%;height:100%;object-fit:cover}.avatar{position:relative;width:50px;height:50px;flex-shrink:0;border-radius:50%;overflow:hidden;background:#ebf0e4}.person{display:flex;gap:12px;align-items:center;background:#f2f5ec;border-radius:17px;padding:14px}.person b{font-size:15px}.person p{font-size:11px;color:var(--soft);margin-top:3px}.metric{border-radius:23px;background:#234330;color:#eef6e8;padding:25px 20px;text-align:center;position:relative;overflow:hidden}.metric:after{content:'';width:145px;height:145px;border:1px solid #627749;border-radius:50%;position:absolute;right:-45px;top:-67px}.metric strong{font-size:48px;font-weight:600;line-height:1.2;color:#d7f49d;letter-spacing:-1.5px;display:block;margin:10px 0}.metric span{font-size:12px}.metric small{display:block;font-size:10px;margin-top:9px;color:#b8caab}.rows{border:1px solid var(--line);border-radius:17px;overflow:hidden}.row{display:flex;gap:17px;padding:12px 14px;align-items:flex-start;border-bottom:1px solid var(--line);font-size:12px;line-height:1.65}.row:last-child{border:0}.row span{flex:0 0 34%;color:var(--soft)}.row b{font-weight:500;flex:1;min-width:0;overflow-wrap:anywhere}.note{font-size:11px;line-height:1.9;color:#758270;background:#f5f7f0;border-radius:13px;padding:12px 14px}.choices label,.field label{display:block;font-size:12px;font-weight:600;margin-bottom:9px}.options{display:flex;gap:7px;flex-wrap:wrap}.choice{padding:9px 12px;border-radius:11px;background:#f1f4eb;border:1px solid transparent;font-size:12px;min-height:39px}.choice.selected{background:#e6f4c9;border-color:#b7cd95;color:#395223}.field input{width:100%;border:1px solid var(--line);border-radius:12px;padding:12px;background:#fbfcf8;font-size:12px}.msg{max-width:92%;align-self:flex-start}.msg small{font-size:10px;color:var(--soft);display:block;margin-bottom:6px}.bubble{padding:14px 16px;border-radius:3px 17px 17px 17px;background:#f1f4eb;font-size:13px;line-height:1.9}.msg.mine{align-self:flex-end}.mine .bubble{background:#e7f5cf;border-radius:17px 3px 17px 17px}.msg.ai .bubble{background:var(--purple)}.ai-label{color:#7a6094;font-size:10px}.actions{display:flex;flex-direction:column;gap:10px;margin-top:24px}.act{min-height:48px;border-radius:13px;padding:12px 14px;font-size:13px;line-height:1.5;text-align:center;font-weight:700;display:block;width:100%}.act.primary{background:var(--lime);color:#263d13}.act.secondary{background:#fff;border:1px solid #d6dfcd}.act.ghost{color:#687d53;min-height:35px;font-size:12px}.bottom-nav{display:flex;gap:6px;padding:11px 17px 16px;border-top:1px solid #e9eddf;justify-content:space-between;flex-shrink:0;background:#fff}.bottom-nav a{display:flex;align-items:center;flex-direction:column;gap:3px;width:20%;font-size:9px;color:#839079}.bottom-nav svg{width:20px;height:20px}.bottom-nav a.current{color:#49692d}.home-indicator{width:110px;height:4px;background:#17281c;border-radius:4px;margin:0 auto 7px;flex-shrink:0}.progress{background:#f3f6eb;padding:17px;border-radius:16px;font-size:12px;color:#587040}.progress-track{height:6px;background:#dce5cc;border-radius:9px;margin-top:13px;overflow:hidden}.progress-track i{display:block;height:100%;background:#95c944}.device-symbol{text-align:center;padding:20px;background:#f0f4e8;border-radius:22px}.device-symbol svg{width:88px;height:88px;stroke-width:1;color:#7c9860}.route-map{height:205px;border-radius:21px;overflow:hidden;background:#e4edda}.route-map svg{width:100%;height:100%}.rank-row{display:flex;align-items:center;gap:11px;padding:14px 0;border-bottom:1px solid var(--line)}.rank-row .avatar{width:37px;height:37px}.rank-row b{flex:1;font-size:13px}.rank-row strong{font-size:14px}.rank-no{color:#7b934f;width:15px;font-size:18px;font-weight:bold}.ticket{background:#eef6df;border:1px dashed #aabf87;border-radius:19px;padding:23px;text-align:center}.ticket .code-bars{font-size:31px;letter-spacing:1px;font-family:monospace}.ticket strong{display:block;letter-spacing:3px}.ticket small{font-size:10px}.ai-hero{height:228px;background-image:url('../页面原型/assets/ai-characters-natural-v2.png');background-size:200% 200%;border-radius:22px;position:relative}.ai-hero span{position:absolute;bottom:12px;left:14px;background:var(--purple);padding:5px 10px;border-radius:8px;font-size:11px}.inspector{height:100vh;overflow:auto;position:sticky;top:0;background:#fff;border-left:1px solid var(--line);padding:25px 22px}.inspector h2{font-size:20px}.inspector p{font-size:12px;color:var(--soft);margin:11px 0 20px;line-height:1.85}.section-label{font-size:11px;color:#83936d;text-transform:uppercase;letter-spacing:1.5px;margin:23px 0 9px}.states{display:flex;flex-direction:column;gap:6px}.state-link{padding:10px 12px;border:1px solid var(--line);border-radius:10px;font-size:12px;display:flex;gap:10px}.state-link em{font-style:normal;color:#879575;font-size:10px;min-width:18px}.state-link.active{border-color:#849c65;background:#f1f7e6}.events{display:flex;flex-direction:column;gap:8px}.event-btn{border:1px dashed #b9c7a7;border-radius:11px;text-align:left;padding:11px 12px;font-size:12px;background:#f9fbf5}.event-btn:before{content:'↳';margin-right:8px;color:#819859}.review-tools{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:15px}.review-tools a,.review-tools button{background:#f1f5e9;border-radius:10px;padding:10px;font-size:11px;text-align:center}.fixture{max-width:405px;font-size:10px;line-height:1.8;text-align:center;color:#88917f}.trace{font-size:11px;line-height:1.9;color:#7b876e;margin-top:10px;border-top:1px solid var(--line);padding-top:10px}.capture .device{border:0;box-shadow:none;padding:0;border-radius:0;width:390px}.capture .phone{height:auto;min-height:844px;width:390px;border-radius:0;overflow:visible}.capture .screen-content{overflow:visible;flex:none}.capture{background:#fff;width:390px}.capture .bottom-nav{margin-top:auto}.capture .screen-content{padding-bottom:24px}.capture .fixture{padding:10px 20px}.capture .stage{padding:0}.capture .hero{height:205px}.capture .metric strong{font-size:45px}.diagram-view{width:100%;height:86vh;border:0;background:white;border-radius:15px}.mobile-events{display:none}body.board{padding:38px 35px;background:#eef2e7;width:1440px}.board-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.board-head h1{font-size:29px;margin-top:8px}.board-head p{font-size:12px;color:var(--soft);margin-top:10px;max-width:1000px}.board-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:27px 24px;align-items:start}.board-tile{min-width:0}.board-tile .image-wrap{background:#fff;padding:6px;border:1px solid #c3ceb5;border-radius:23px;overflow:hidden;box-shadow:0 8px 16px #26351c0b}.board-tile img{width:100%;display:block;border-radius:18px}.board-tile h3{font-size:15px;margin:13px 0 5px}.board-tile p{font-size:11px;line-height:1.6;color:var(--soft)}.board-foot{border-top:1px solid #d7dfcb;margin-top:26px;padding-top:16px;font-size:11px;color:var(--soft);display:flex;justify-content:space-between}.empty-search{font-size:12px;color:var(--soft);padding:12px}.export-meta{font-size:10px;color:#81916e;margin-bottom:8px}.guide-note{max-width:600px;font-size:11px;color:var(--soft);text-align:center}
@media(max-width:1100px){.shell{grid-template-columns:225px 1fr}.inspector{grid-column:1/-1;height:auto;position:static;display:grid;grid-template-columns:1fr 1fr;gap:20px}.inspector>div{min-width:0}.sidebar{height:100vh}.stage{padding:20px 12px}.inspector .states{max-height:300px;overflow:auto}}
@media(max-width:700px){.shell{display:block}.sidebar{position:static;height:auto;padding:15px 17px;border-bottom:1px solid var(--line)}.sidebar .flow-list{display:none}.sidebar .search{margin:13px 0 0}.sidebar.has-search .flow-list{display:block;max-height:230px;overflow:auto}.sidebar .brand{font-size:18px}.stage{padding:16px 0}.stage-top{padding:0 16px}.device{width:min(406px,100%);padding:0;border:0;border-radius:0;box-shadow:none}.phone{width:100%;height:auto;min-height:844px;border-radius:0}.screen-content{overflow:visible}.inspector{display:block;padding:23px 19px;height:auto}.inspector .states{max-height:330px}.fixture{padding:0 20px}.bottom-nav{margin-top:auto}.diagram-view{height:650px}.screen-content h1{font-size:28px}.row{gap:12px}.row span{flex-basis:32%}}@media(prefers-reduced-motion:no-preference){.bubble,.metric{animation:arrive .2s ease-out}@keyframes arrive{from{opacity:.7;transform:translateY(3px)}to{opacity:1;transform:none}}}

.event-btn:disabled{opacity:.42;cursor:not-allowed}.flow-link[hidden]{display:none}

.avatar-art{height:280px;border-radius:22px;background-image:url("../页面原型/assets/avatar-styles-natural-v2.png");background-size:200% 200%;background-repeat:no-repeat}
.ai-hero{height:auto;aspect-ratio:1/1}

.event-btn:disabled{opacity:.42;cursor:not-allowed}.flow-link[hidden]{display:none}

.event-btn:disabled{opacity:.42;cursor:not-allowed}.flow-link[hidden]{display:none}

/* Avatar style samples retain the same original person throughout the flow. */
.avatar-art{background-image:none!important;overflow:hidden;height:280px;background:#dce9ce}.avatar-art .hero{height:280px;margin:0;border-radius:22px}.avatar-art.style-0 .sprite{filter:brightness(1.07) contrast(.96) saturate(.9)}.avatar-art.style-1 .sprite{filter:sepia(.24) saturate(.86) brightness(1.08)}.avatar-art.style-2 .sprite{filter:saturate(.5) contrast(1.35) brightness(1.05);mix-blend-mode:multiply;opacity:.88}

.plan-card{padding:20px;border:1px solid #dbe4ce;border-radius:22px;background:linear-gradient(140deg,#f0f6e3,#fbfcf7);position:relative;overflow:hidden}.plan-top{display:flex;align-items:center;justify-content:space-between;color:#779450;font-size:10px;letter-spacing:1px;margin-bottom:13px}.plan-top svg{width:18px;height:18px}.plan-card h3{font-size:19px;line-height:1.6}.plan-time{font-size:27px;letter-spacing:-.6px;color:#244329;font-weight:700;margin-top:13px}.plan-card p{font-size:12px;color:#6d8059;margin-top:5px}.plan-route{border-top:1px solid #dde7ce;margin-top:18px;padding-top:12px;display:flex;align-items:center;gap:5px;font-size:11px;color:#779163}.plan-route svg{width:14px;height:14px}.plan-route span{margin-left:auto;font-size:10px;background:#e0edcd;padding:3px 9px;border-radius:7px}.pair-card{background:linear-gradient(135deg,#ebf2dc,#f6f0e5);padding:30px 16px;text-align:center;border-radius:24px;border:1px solid #e0e7d5}.pair-faces{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:22px}.pair-faces .avatar{width:79px;height:79px;border:4px solid white;box-shadow:0 6px 14px #2d4c2920}.pair-faces>span{background:#d6ecad;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;color:#638b35}.pair-faces svg{width:17px}.pair-card h3{font-size:20px}.pair-card p{font-size:11px;line-height:1.9;margin-top:9px;color:#7c876b}.common-chips{display:flex;flex-wrap:wrap;gap:7px}.common-chips span{font-size:10px;background:#eaf4d9;color:#57703d;padding:6px 10px;border-radius:20px}.people-strip{padding:20px;background:#f5f7f0;border-radius:20px}.small-faces{display:flex;align-items:center;margin-bottom:17px}.small-faces .avatar{width:44px;height:44px;border:3px solid white;margin-right:-10px}.small-faces>span{margin-left:22px;font-size:11px;color:#728560}.people-strip h3{font-size:16px}.people-strip p{font-size:11px;color:#849076;margin-top:9px}.chat-context{background:#f0f4e7;border:1px solid #dbe6cb;border-radius:16px;padding:15px}.chat-context>div{display:flex;gap:8px;align-items:center;font-size:12px}.chat-context svg{width:17px;height:17px;color:#739746}.chat-context p{font-size:11px;margin:9px 0;color:#6b7d59}.chat-context small{font-size:10px;color:#879277}.experience-line{padding:8px 15px}.experience-line>div{position:relative;padding:0 0 25px 22px;border-left:1px solid #c6d6b0}.experience-line i{width:9px;height:9px;background:#92b959;border:2px solid white;box-shadow:0 0 0 1px #bfd0a9;border-radius:50%;position:absolute;left:-5px;top:5px}.experience-line small{font-size:11px;color:#78896a}.experience-line p{font-size:13px;line-height:1.9;margin-top:8px}.act:disabled{opacity:.42;cursor:not-allowed}.reward-origin{border-left:3px solid #a1bc72}.screen-content{scrollbar-width:thin}