:root{color:#20342d;background:#eee7d7;font-family:"Noto Serif SC",Songti SC,STSong,serif;--color-accent-gold: #c9a14a;--color-text-muted: #6b6657;--color-surface: #ffffff;--color-divider: #e0d8c2;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--text-xs: 11px;--text-sm: 13px;--text-md: 16px;--text-xl: 22px;--radius-sm: 6px;--radius-md: 10px}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}.app-shell{min-height:100vh;display:flex;justify-content:center;background:radial-gradient(circle at top,#f7f1df 0,#e8dfcb 45%,#d6c8ad)}.phone-frame{position:relative;width:min(100vw,430px);min-height:100vh;background:#fbf7ef;box-shadow:0 0 40px #20342d29}.screen-content{min-height:100vh;padding:22px 18px calc(112px + env(safe-area-inset-bottom))}.bottom-tabs{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:min(100vw,430px);display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:8px 12px calc(12px + env(safe-area-inset-bottom));background:#fbf7eff5;border-top:1px solid #d9ccb3}.tab{border:0;background:transparent;color:#5f6b62;display:grid;justify-items:center;gap:3px;padding:7px 0;border-radius:8px;cursor:pointer}.tab:hover{background:#f1eadb;color:#1f4d3b}.tab:focus-visible{outline:2px solid #9b7a38;outline-offset:2px;background:#f6efdf}.tab.active{color:#1f4d3b}.tab span{font-size:12px}.page-title p{margin:0 0 8px;color:#9b7a38;font-size:13px}.page-title h1{margin:0;font-size:30px;line-height:1.15;letter-spacing:0}.page-title span{display:block;margin-top:10px;color:#687267;font-size:14px;line-height:1.7}.card{border:1px solid #ded1b8;border-radius:8px;background:#fffaf0;padding:16px;margin-top:14px}.btn{width:100%;min-height:46px;border-radius:8px;border:1px solid transparent;padding:10px 14px;cursor:pointer}.btn:hover{filter:brightness(1.03)}.btn:focus-visible{outline:2px solid #9b7a38;outline-offset:2px}.btn.primary{background:#1f4d3b;color:#fffaf0}.btn.secondary{background:#efe4cc;color:#20342d;border-color:#d3bd8d}.btn.ghost{background:transparent;color:#1f4d3b;border-color:#d3bd8d}.stack{display:grid;gap:12px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.score-bar{display:grid;gap:6px;margin:12px 0}.score-label{display:flex;justify-content:space-between;font-size:14px}.score-track{height:8px;border-radius:999px;background:#e3d7be;overflow:hidden}.score-fill{height:100%;background:#9b7a38}.muted{color:#687267}.hub-page{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4)}.hub-subtitle{color:var(--color-text-muted);font-size:var(--text-sm)}.hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.hub-entry{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3)}.hub-entry-header{display:flex;align-items:center;gap:var(--space-2)}.hub-entry-header h3{margin:0;font-size:var(--text-md)}.entry-card-featured{border:1px solid var(--color-accent-gold);background:linear-gradient(180deg,#fff9eb,#fff)}.stub-page{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4)}.stub-title{font-size:var(--text-xl);margin:0}.stub-tagline{color:var(--color-text-muted);margin:0}.stub-description{font-size:var(--text-sm);margin:0}.stub-card{display:flex;flex-direction:column;gap:var(--space-1)}.stub-card h3{font-size:var(--text-md);margin:0}.stub-card p{color:var(--color-text-muted);font-size:var(--text-sm);margin:0}.stub-actions{display:flex;gap:var(--space-2);margin-top:var(--space-3)}.stub-form{display:flex;flex-direction:column;gap:var(--space-3)}.stub-form label{display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--text-sm)}.stub-form input,.stub-form textarea{padding:var(--space-2);border:1px solid var(--color-divider);border-radius:var(--radius-sm);font:inherit}.stub-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.stub-list-row{display:grid;grid-template-columns:1fr auto auto;gap:var(--space-2);align-items:center;padding:var(--space-3);border:1px solid var(--color-divider);border-radius:var(--radius-md)}.stub-list-title{font-weight:600}.stub-list-status{color:var(--color-text-muted);font-size:var(--text-sm)}.stub-list-time{color:var(--color-text-muted);font-size:var(--text-xs)}.seven-music-list{display:flex;flex-direction:column;gap:var(--space-5)}.seven-group{display:flex;flex-direction:column;gap:var(--space-3)}.seven-group-header{display:flex;flex-direction:column;gap:var(--space-1)}.seven-group-tagline{color:var(--color-text-muted);font-size:var(--text-sm);margin:0}.seven-group-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(140px,1fr);gap:var(--space-3);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:var(--space-2)}.seven-card{scroll-snap-align:start;background:var(--color-surface);border:1px solid var(--color-divider);border-radius:var(--radius-md);padding:var(--space-3);text-align:left;font:inherit;cursor:pointer;display:flex;flex-direction:column;gap:var(--space-1)}.seven-card h3{margin:0;font-size:var(--text-md)}.seven-card p{margin:0;color:var(--color-text-muted);font-size:var(--text-sm)}.chip-乐元{background:#1f3d2b;color:#f7f3e9}.chip-乐境{background:#cfe6ef;color:#1d3b4a}.chip-乐知{background:#d8a64a;color:#4a3500}.chip-乐会{background:#b85c3a;color:#fff5e8}.chip-乐学{background:#94a3a8;color:#1c2628}.chip-乐养{background:#e8c8c4;color:#4a2226}.chip-乐典{background:#5b4b6e;color:#f4eef9}.chip-闻声{background:#6e8b6b;color:#f3f7ee}.chip-观心{background:#8b5e3c;color:#fff3e6}.chip-知音{background:#f1ede4;color:#4a4133}.chip-同声{background:#d8b96a;color:#4a3a14}.chip-大事件{background:#b85c3a;color:#fff5e8}.chip-展会{background:#d8a64a;color:#4a3500}.chip-新闻报道{background:#94a3a8;color:#1c2628}.chip-峰会论坛{background:#5b4b6e;color:#f4eef9}.chip-竖版书籍{background:#6e8b6b;color:#f3f7ee}.chip-行业白皮书{background:#f1ede4;color:#4a4133}