:root{--green:#e9c01e;--green-deep:#ce763b;--coral:#f4a04d;--coral-soft:#fff0ee;--ink:#202c2a;--muted:#87908e;--line:#e5eeea;--canvas:#f7fbfa;font-family:"Microsoft YaHei","PingFang SC",sans-serif;color:var(--ink);background:#e9f1ee}*{box-sizing:border-box}body{margin:0;background:#e9f1ee}button,input{font:inherit}button{border:0;cursor:pointer}.app-shell{max-width:1180px;min-height:100vh;margin:0 auto;background:var(--canvas);box-shadow:0 0 34px rgba(37,72,58,.12)}.topbar{height:92px;padding:0 30px;display:flex;align-items:center;justify-content:space-between;background:#3478C9;color:#fff;position:sticky;top:0;z-index:5}.brand-mark{font-size:28px;font-weight:700;display:flex;gap:10px;align-items:center;letter-spacing:1px}.brand-dot{width:13px;height:13px;border:3px solid white;border-radius:50%;display:inline-block}.mini-action{width:126px;height:48px;border-radius:28px;background:rgba(0,130,76,.42);color:#fff;display:flex;align-items:center;justify-content:center;gap:5px}.mini-action span{width:6px;height:6px;background:#fff;border-radius:50%;opacity:.9}.mini-action b{font-size:32px;font-weight:400;margin-left:16px}.page-content{min-height:calc(100vh - 170px);padding-bottom:104px;outline:none}.hero{background:linear-gradient(135deg,#4387CF,#72A6DA);padding:32px 30px;color:#fff}.hero h1{margin:0 0 8px;font-size:34px}.hero p{margin:0;opacity:.92;font-size:16px}.search-strip{background:#EAF1F8;padding:18px 30px;display:flex;gap:14px;align-items:center}.search-box{flex:1;background:#fff7f6;border-radius:28px;padding:13px 20px;display:flex;gap:12px;align-items:center}.search-box span{color:var(--coral);font-size:26px}.search-box input{width:100%;border:0;outline:0;background:transparent;color:var(--ink);font-size:18px}.search-box input::placeholder{color:#d4908b}.filter-btn{color:#fff;background:transparent;font-weight:700;font-size:16px;min-height:44px}.section{padding:26px 30px 0}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.section-title h2{margin:0;font-size:26px}.section-title a{color:var(--muted);font-size:15px}.tabs{display:flex;gap:36px;border-bottom:1px solid var(--line);margin:0 30px}.tab{min-height:52px;padding:14px 2px 12px;font-size:20px;color:#979f9d;background:transparent;position:relative}.tab.active{color:var(--coral);font-weight:700}.tab.active:after{content:"";position:absolute;left:50%;bottom:-2px;transform:translateX(-50%);width:56px;height:5px;border-radius:5px;background:var(--coral)}.event-row{display:flex;gap:16px;overflow:auto;padding-bottom:6px}.event-card{min-width:260px;overflow:hidden;background:#fff;border-radius:12px;box-shadow:0 7px 20px rgba(40,94,68,.09)}.event-art{height:145px;padding:18px;position:relative;color:#fff;display:flex;align-items:flex-end;font-weight:700;font-size:20px;background-size:cover}.event-art:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 30%,rgba(0,0,0,.42))}.event-art strong{position:relative;z-index:1}.art-safety{background:linear-gradient(135deg,#123957 0%,#2d6b83 46%,#f05c52 100%)}.art-mountain{background:linear-gradient(135deg,#344b52 0%,#96a7a6 48%,#2d6d48 100%)}.art-river{background:linear-gradient(135deg,#165e94 0%,#52b8d5 48%,#e7be5f 100%)}.event-info{padding:12px 16px 15px;display:flex;align-items:center;justify-content:space-between;gap:8px}.event-info small{color:var(--muted);font-size:12px}.signup{color:var(--coral);background:var(--coral-soft);padding:8px 10px;border-radius:18px;font-weight:700;min-height:38px}.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.feature-card{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 6px 18px rgba(40,94,68,.07)}.feature-media{aspect-ratio:1/.72;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.feature-media span{font-size:72px;filter:drop-shadow(0 4px 4px rgba(0,0,0,.2))}.media-kite{background:linear-gradient(140deg,#b4e2e9,#f8d887)}.media-ancient{background:linear-gradient(140deg,#d9b17b,#674838)}.media-child{background:linear-gradient(140deg,#99d9bf,#e7ca96)}.media-paper{background:linear-gradient(140deg,#f7d0cd,#a2c9e5)}.feature-body{padding:15px 16px 17px}.badge{display:inline-block;color:#fff;background:var(--coral);padding:4px 12px;border-radius:0 12px 12px 0;font-size:13px;margin-bottom:10px}.feature-body h3{margin:0 0 9px;font-size:19px;line-height:1.4}.author{color:var(--muted);display:flex;justify-content:space-between;gap:8px;font-size:14px}.author button,.list-meta button{border:0;background:transparent;color:var(--coral);padding:0}.empty{margin:74px auto;max-width:460px;text-align:center;color:var(--muted)}.empty-illustration{font-size:88px;opacity:.35;margin-bottom:15px}.list-card{margin-bottom:16px;background:#fff;border-radius:12px;padding:20px;box-shadow:0 6px 18px rgba(40,94,68,.06)}.list-card h3{margin:0 0 8px;font-size:20px}.list-meta{color:var(--muted);font-size:14px}.profile-card{background:#fff;margin:20px 30px 0;border-radius:18px;padding:24px;box-shadow:0 7px 20px rgba(40,94,68,.08)}.profile-head{display:flex;gap:16px;align-items:center}.avatar{width:66px;height:66px;background:linear-gradient(135deg,#ffd3bb,#3bce82);border-radius:50%;display:grid;place-items:center;font-size:34px}.profile-head h2{margin:0 0 5px;font-size:22px}.profile-head p{margin:0;color:var(--muted)}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;margin:22px 0}.profile-stats strong{font-size:26px;display:block}.profile-stats span{color:var(--muted)}.profile-actions{display:flex;gap:12px}.primary-btn,.secondary-btn{flex:1;border-radius:22px;padding:12px;min-height:44px;font-weight:700}.primary-btn{background:var(--coral);color:#fff}.secondary-btn{background:#f4dfba;color:#87652c}.compact{flex:0 0 auto;border-radius:18px;padding:8px 16px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px 10px;margin-top:18px}.service{min-height:72px;text-align:center;color:var(--ink);background:transparent}.service span{display:block;font-size:28px;color:var(--coral);margin-bottom:6px}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(1180px,100%);height:78px;background:rgba(255,255,255,.98);border-top:1px solid #e2e8e5;display:grid;grid-template-columns:repeat(5,1fr);z-index:10}.nav-item{min-height:64px;background:transparent;color:#b5bfbc;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:13px}.nav-item.active{color:var(--coral)}.nav-icon{font-size:23px;line-height:1}.home-icon{width:38px;height:38px;border-radius:50%;background:#f3f5f4;display:grid;place-items:center;font-size:10px}.nav-item.active .home-icon{background:var(--coral);color:#fff}.toast{position:fixed;left:50%;bottom:96px;transform:translate(-50%,16px);background:rgba(32,44,42,.92);color:#fff;padding:11px 18px;border-radius:22px;opacity:0;pointer-events:none;transition:all .2s ease;z-index:40;max-width:calc(100% - 36px);text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}.assistant-fab{position:fixed;right:24px;bottom:98px;width:70px;height:70px;border-radius:50%;background:var(--coral);color:#fff;box-shadow:0 8px 22px rgba(240,92,82,.3);z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px}.assistant-fab span{font-size:25px;line-height:1}.assistant-fab small{font-size:11px}.assistant-panel{position:fixed;right:24px;bottom:180px;width:min(370px,calc(100vw - 32px));height:500px;background:#fff;border:1px solid #e4ece8;border-radius:16px;box-shadow:0 16px 42px rgba(32,44,42,.18);z-index:31;display:flex;flex-direction:column;overflow:hidden}.assistant-panel[hidden]{display:none}.assistant-header{padding:16px 18px;background:linear-gradient(135deg,var(--green),#68dc9b);color:#fff;display:flex;justify-content:space-between;align-items:center}.assistant-header strong{display:block;font-size:18px}.assistant-header small{display:block;margin-top:3px;opacity:.85}.assistant-header button{background:transparent;color:#fff;font-size:28px;line-height:1}.assistant-messages{flex:1;overflow:auto;padding:16px;background:#f7fbfa;display:flex;flex-direction:column;gap:10px}.assistant-message{max-width:86%;padding:10px 12px;border-radius:12px;line-height:1.55;font-size:14px;white-space:pre-wrap}.assistant-message.bot{align-self:flex-start;background:#fff;color:var(--ink);border:1px solid #e5eeea}.assistant-message.user{align-self:flex-end;background:var(--coral);color:#fff}.assistant-suggestions{padding:9px 12px;display:flex;gap:7px;overflow:auto;border-top:1px solid var(--line)}.assistant-suggestions button{white-space:nowrap;background:var(--coral-soft);color:var(--coral);border-radius:16px;padding:7px 10px;font-size:12px}.assistant-form{display:flex;gap:8px;padding:12px;border-top:1px solid var(--line)}.assistant-form input{min-width:0;flex:1;border:1px solid #dfe9e4;border-radius:20px;padding:10px 13px;outline:none}.assistant-form input:focus{border-color:var(--green)}.assistant-form button{width:40px;height:40px;border-radius:50%;background:var(--coral);color:#fff;font-size:18px}.tab:focus-visible,.nav-item:focus-visible,.primary-btn:focus-visible,.secondary-btn:focus-visible,.service:focus-visible,.signup:focus-visible,.assistant-fab:focus-visible{outline:3px solid #1b73e8;outline-offset:2px}@media(max-width:700px){.topbar{height:72px;padding:0 18px}.brand-mark{font-size:20px}.mini-action{width:94px;height:38px}.mini-action b{margin-left:8px;font-size:24px}.hero,.search-strip,.section{padding-left:18px;padding-right:18px}.tabs{margin-left:18px;margin-right:18px;gap:22px}.tab{font-size:17px}.feature-grid{grid-template-columns:1fr}.profile-card{margin-left:18px;margin-right:18px}.service-grid{grid-template-columns:repeat(2,1fr);font-size:14px}.service{min-height:72px}.assistant-fab{right:16px;bottom:92px}.assistant-panel{right:16px;bottom:164px;height:min(500px,calc(100vh - 190px))}}.service-page{padding-top:24px}.back-link{background:transparent;color:var(--coral);font-weight:700;font-size:16px;padding:8px 0;margin-bottom:12px}.royalty-card{display:flex;align-items:center;justify-content:space-between;gap:16px}.royalty-amount{color:var(--coral);font-size:22px;white-space:nowrap}.service-page>.primary-btn{display:block;width:100%;margin-top:18px}@media(max-width:700px){.royalty-card{align-items:flex-start}.royalty-card h3{font-size:17px}.royalty-amount{font-size:19px}}

.topbar .mini-action{background:rgba(17,52,92,.22)}.search-strip .filter-btn{color:#41668c}