:root{--bg-primary: #F5F5F5;--bg-card: #FFFFFF;--text-primary: #1A1A1A;--text-secondary: #666666;--text-muted: #999999;--border-color: #E8E8E8;--shadow-sm: 0 1px 3px rgba(0,0,0,.08);--shadow-md: 0 2px 8px rgba(0,0,0,.1);--accent: #0066FF;--accent-light: #E8F0FF;--accent-hover: #0052CC;--hot-color: #FF6600;--hot-bg: #FFF3E8;--tag-bg: #F0F5FF;--tag-text: #0066FF;--input-bg: #FFFFFF;--input-border: #E0E0E0;--button-primary-bg: #0066FF;--button-primary-text: #FFFFFF;--button-secondary-bg: #FFFFFF;--button-secondary-text: #333333;--button-secondary-border: #E0E0E0;--nav-hover: #F0F0F0;--divider: #E8E8E8;--comment-bg: #F8F9FA;--color-scheme: light}[data-theme=starry]{--bg-primary: #1A1A1A;--bg-card: #2D2D2D;--text-primary: #E8E8E8;--text-secondary: #A0A0A0;--text-muted: #707070;--border-color: #3D3D3D;--shadow-sm: 0 1px 3px rgba(0,0,0,.3);--shadow-md: 0 2px 8px rgba(0,0,0,.4);--accent: #4D9FFF;--accent-light: #1A2A3A;--accent-hover: #6AABFF;--hot-color: #FF8533;--hot-bg: #2A2015;--tag-bg: #1A2A3A;--tag-text: #4D9FFF;--input-bg: #2D2D2D;--input-border: #3D3D3D;--button-primary-bg: #4D9FFF;--button-primary-text: #FFFFFF;--button-secondary-bg: #2D2D2D;--button-secondary-text: #E8E8E8;--button-secondary-border: #3D3D3D;--nav-hover: #3D3D3D;--divider: #3D3D3D;--comment-bg: #252525;--color-scheme: dark}[data-theme=night]{--bg-primary: #121212;--bg-card: #1E1E1E;--text-primary: #E0E0E0;--text-secondary: #A0A0A0;--text-muted: #707070;--border-color: #333333;--shadow-sm: 0 1px 3px rgba(0,0,0,.4);--shadow-md: 0 2px 8px rgba(0,0,0,.5);--accent: #4D9FFF;--accent-light: #1A2A3A;--accent-hover: #6AABFF;--hot-color: #FF8533;--hot-bg: #251A10;--tag-bg: #1A2A3A;--tag-text: #4D9FFF;--input-bg: #1E1E1E;--input-border: #333333;--button-primary-bg: #4D9FFF;--button-primary-text: #FFFFFF;--button-secondary-bg: #1E1E1E;--button-secondary-text: #E0E0E0;--button-secondary-border: #333333;--nav-hover: #2A2A2A;--divider: #333333;--comment-bg: #1A1A1A;--color-scheme: dark}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg-primary);color:var(--text-primary);font-family:PingFang SC,Microsoft YaHei,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}button,input,textarea{font:inherit}button{cursor:pointer}input,textarea{width:100%;border:1px solid var(--input-border);border-radius:8px;padding:10px 14px;background:var(--input-bg);color:var(--text-primary);outline:none;transition:border-color .2s,box-shadow .2s}textarea{resize:vertical}input:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}#root{min-height:100vh}.app-shell{max-width:1200px;margin:0 auto;padding:20px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 20px;border-radius:10px;background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);position:sticky;top:16px;z-index:10}.brand{text-decoration:none;display:flex;flex-direction:column;color:var(--text-primary)}.brand-text{font-size:1.4rem;font-weight:700;letter-spacing:.02em}.brand-subtitle{color:var(--text-muted);font-size:.8rem}.topbar-right,.nav-links{display:flex;align-items:center;gap:12px}.nav-links a{text-decoration:none;color:var(--text-secondary);font-weight:500;padding:6px 12px;border-radius:6px;transition:background .2s,color .2s}.nav-links a:hover{background:var(--nav-hover);color:var(--text-primary)}.link-like{background:transparent;border:none;padding:6px 12px;margin:0;color:var(--text-secondary);font-weight:500;text-decoration:none;cursor:pointer;border-radius:6px;transition:background .2s,color .2s}.link-like:hover{background:var(--nav-hover);color:var(--text-primary)}.notice{margin:16px auto 0;padding:12px 20px;max-width:520px;border-radius:8px;text-align:center;background:var(--accent);color:#fff;box-shadow:var(--shadow-md)}.page-grid{display:grid;gap:20px;margin-top:20px}.page-grid.two-cols{grid-template-columns:280px 1fr;align-items:start}.left-sidebar{display:flex;flex-direction:column;gap:16px;position:sticky;top:90px}.user-card{padding:16px}.user-card-header{display:flex;gap:12px;align-items:center;margin-bottom:14px}.user-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover}.user-info{display:flex;flex-direction:column}.user-info strong{color:var(--text-primary);font-size:.95rem}.user-info span{color:var(--text-muted);font-size:.8rem}.user-stats{display:flex;justify-content:space-around;padding:10px 0;border-top:1px solid var(--divider);border-bottom:1px solid var(--divider);margin-bottom:14px}.stat-item{display:flex;flex-direction:column;align-items:center;gap:2px}.stat-item strong{color:var(--text-primary);font-size:1rem}.stat-item span{color:var(--text-muted);font-size:.75rem}.user-card .primary-button{width:100%;text-align:center;text-decoration:none}.auth-prompt{padding:20px;text-align:center}.auth-prompt p{color:var(--text-secondary);margin:0 0 14px;font-size:.9rem}.auth-buttons{display:flex;gap:10px}.auth-buttons a{flex:1;text-align:center;text-decoration:none}.ad-card{padding:16px}.ad-placeholder{height:120px;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);border-radius:8px;color:var(--text-muted);font-size:.85rem}.quick-links{padding:16px}.quick-links h4{margin:0 0 12px;color:var(--text-primary);font-size:.9rem}.quick-links nav{display:flex;flex-direction:column;gap:8px}.quick-links a{color:var(--text-secondary);text-decoration:none;padding:6px 0;transition:color .2s}.quick-links a:hover{color:var(--accent)}.daily-top-card{padding:12px 16px}.daily-top-list{display:flex;flex-direction:column;gap:8px;margin-top:10px}.daily-top-item{display:flex;gap:8px;padding:6px 0;text-decoration:none;border-bottom:1px solid var(--divider);color:var(--text-secondary);font-size:.85rem}.daily-top-item:last-child{border-bottom:none}.daily-top-item .rank{color:var(--accent);font-weight:600;min-width:24px}.daily-top-item .title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.daily-top-item:hover .title{color:var(--accent)}.right-sidebar{position:sticky;top:90px}.main-content{display:flex;flex-direction:column;gap:16px;min-width:0}.filter-panel{padding:16px}.wish-board.four-cols,.wish-cards-container{display:flex;flex-direction:column;gap:16px}.wish-cards-grid{display:grid;gap:16px;grid-template-columns:1fr}.hero-card,.panel,.auth-card,.wish-card{background:var(--bg-card);border-radius:10px;border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.hero-card{padding:32px;margin-bottom:20px}.list-section,.panel,.auth-card{padding:20px}.section-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--divider)}.section-title h2{margin:0;font-size:1.1rem;font-weight:600}.section-title.compact{margin-bottom:10px;padding-bottom:8px}.hero-card h1{margin:0 0 12px;font-size:2rem;font-weight:700;line-height:1.3}.hero-card p{color:var(--text-secondary);max-width:600px;font-size:1rem;margin:0}.eyebrow{display:inline-block;margin-bottom:10px;padding:4px 10px;border-radius:4px;background:var(--accent-light);color:var(--accent);font-size:.85rem;font-weight:600}.hero-callout{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px;color:var(--accent);font-weight:500}.ranking-scope-tip{margin:10px 0 14px;padding:10px 14px;border-radius:8px;background:var(--accent-light);color:var(--accent);font-size:.9rem}.wish-card{padding:18px;transition:box-shadow .2s,transform .2s}.wish-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.wish-card h3{margin:0 0 10px;font-size:1.1rem;font-weight:600;color:var(--text-primary)}.wish-card .wish-body{margin:0 0 14px;color:var(--text-secondary);line-height:1.6;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.wish-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.meta-row{display:flex;justify-content:space-between;align-items:center;color:var(--text-muted);font-size:.85rem;margin-top:12px}.tag-row,.tag-filter,.action-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.rank-badge,.hot-badge,.tag-chip{display:inline-flex;align-items:center;padding:4px 10px;border-radius:4px;font-size:.85rem;font-weight:600}.rank-badge,.tag-chip{background:var(--tag-bg);color:var(--tag-text)}.hot-badge{background:var(--hot-bg);color:var(--hot-color)}.tag-chip{border:none;cursor:pointer;transition:opacity .2s}.tag-chip:hover{opacity:.8}.tag-chip.active{background:var(--accent);color:#fff}.tag-chip.mini{padding:3px 8px;font-size:.8rem}.action-button,.ghost-button,.primary-button,.tab{border:none;padding:8px 16px;border-radius:6px;font-weight:500;transition:all .2s}.primary-button{background:var(--button-primary-bg);color:var(--button-primary-text);box-shadow:var(--shadow-sm)}.primary-button:hover{background:var(--accent-hover)}.action-button,.ghost-button,.tab{background:var(--button-secondary-bg);color:var(--button-secondary-text);border:1px solid var(--button-secondary-border)}.action-button:hover,.ghost-button:hover,.tab:hover{background:var(--nav-hover)}.ghost-button.danger{background:var(--hot-bg);color:var(--hot-color);border-color:var(--hot-color)}.action-button.active{background:var(--accent);color:#fff;border-color:var(--accent)}.primary-button[disabled],.tab[disabled]{opacity:.5;cursor:not-allowed}.summary-items{display:grid;gap:8px}.summary-item{display:grid;gap:4px;padding:12px 14px;border-radius:8px;color:var(--text-secondary);text-decoration:none;background:var(--bg-card);border:1px solid var(--border-color);transition:border-color .2s,box-shadow .2s}.summary-item:hover{border-color:var(--accent);box-shadow:var(--shadow-sm)}.summary-item strong{color:var(--text-primary);font-size:.95rem;font-weight:500}.summary-item span{font-size:.8rem;color:var(--text-muted)}.comment-count{color:var(--text-muted)}.comment-list{display:grid;gap:10px;margin-top:12px}.comment-item{display:flex;gap:10px;padding:12px 14px;border-radius:8px;background:var(--comment-bg);color:var(--text-secondary)}.comment-form{display:flex;gap:10px;margin-top:14px}.comment-form input{flex:1}.comment-thread{display:flex;flex-direction:column;gap:8px}.comment-replies{margin-left:24px;padding-left:12px;border-left:2px solid var(--border);display:flex;flex-direction:column;gap:8px}.reply-item{background:var(--comment-bg)}.comment-meta{display:flex;gap:12px;align-items:center;margin-top:4px}.reply-button{background:none;border:none;color:var(--accent);cursor:pointer;font-size:.75rem;padding:2px 6px}.reply-button:hover{text-decoration:underline}.reply-form{display:flex;gap:8px;margin-top:8px}.reply-input{flex:1;padding:6px 10px;border:1px solid var(--border);border-radius:6px;background:var(--input-bg);color:var(--text);font-size:.875rem}.comment-content{word-break:break-word}.wish-detail{width:min(100%,800px)}.wish-detail h2{margin:0 0 16px;font-size:1.5rem}.auth-card,.wide-panel{width:min(100%,680px);margin:0 auto}.form-grid{display:grid;gap:16px}.form-grid label{display:grid;gap:6px;font-weight:500;color:var(--text-secondary);font-size:.9rem}.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.full-width{grid-column:1 / -1}.avatar-upload-box{padding:14px;border-radius:10px;background:var(--accent-light);text-align:center}.avatar-preview-wrap{display:flex;justify-content:flex-start}.avatar-preview{width:80px;height:80px;object-fit:cover;border-radius:50%;border:2px solid var(--border-color)}.avatar-preview.large{width:100px;height:100px}.center-page{display:grid;place-items:center;margin-top:24px}.auth-hint{color:var(--text-muted);font-size:.9rem;text-align:center;margin-top:16px}.auth-hint a{color:var(--accent);text-decoration:none;font-weight:500}.auth-hint a:hover{text-decoration:underline}.profile-display{display:grid;gap:16px}.profile-field{display:grid;gap:4px}.profile-field label{font-weight:500;color:var(--text-muted);font-size:.85rem}.profile-field span{color:var(--text-primary);padding:4px 0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;margin-top:8px}.stat-card{display:flex;flex-direction:column;align-items:center;padding:16px 12px;background:var(--bg-primary);border-radius:8px;gap:4px;text-decoration:none}.stat-card.clickable{cursor:pointer;transition:background .2s,transform .2s}.stat-card.clickable:hover{background:var(--bg-hover);transform:translateY(-2px)}.stat-card strong{font-size:1.5rem;color:var(--accent)}.stat-card span{font-size:.8rem;color:var(--text-muted)}.comment-list-section{display:flex;flex-direction:column;gap:12px}.comment-item-card{padding:16px;background:var(--bg-card);border-radius:8px;border:1px solid var(--border-color)}.comment-wish-title{display:block;font-weight:600;color:var(--accent);text-decoration:none;margin-bottom:8px}.comment-wish-title:hover{text-decoration:underline}.comment-content{margin:0 0 8px;color:var(--text-primary);line-height:1.5}.comment-time{font-size:.75rem;color:var(--text-muted)}.tab-switcher{display:inline-flex;gap:8px;margin-bottom:16px;padding:4px;border-radius:8px;background:var(--bg-primary)}.tab.active{background:var(--bg-card);box-shadow:var(--shadow-sm)}.empty-state{text-align:center;color:var(--text-muted);padding:40px 20px}.pagination-wrap{display:flex;gap:8px;justify-content:center;padding:20px 0}.pagination-fixed{padding-top:20px}.wish-list{display:grid;gap:16px}.action-row{padding-top:12px;border-top:1px solid var(--divider)}.action-button{background:transparent;border:none;color:var(--text-muted);padding:6px 12px;font-size:.9rem}.action-button:hover{color:var(--accent);background:var(--accent-light)}.spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;margin-right:6px;vertical-align:middle;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.theme-toggle{display:flex;gap:2px;background:var(--bg-primary);padding:3px;border-radius:6px}.theme-toggle button{padding:5px 10px;border:none;border-radius:4px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s;background:transparent;color:var(--text-muted)}.theme-toggle button:hover{color:var(--text-primary)}.theme-toggle button.active{background:var(--accent);color:#fff}.site-footer{text-align:center;padding:32px 20px;color:var(--text-muted);font-size:.85rem;border-top:1px solid var(--divider);margin-top:40px}@media (max-width: 900px){.topbar{flex-direction:column;align-items:stretch}.page-grid.two-cols{grid-template-columns:220px 1fr}.wish-board.four-cols,.wish-cards-area{grid-template-columns:1fr}.wish-summary-list{position:static}.two-columns{grid-template-columns:1fr}}@media (max-width: 600px){.app-shell{padding:12px}.page-grid.two-cols{grid-template-columns:1fr}.left-sidebar{display:none}.hero-card{padding:20px}.hero-card h1{font-size:1.5rem}.panel{padding:16px}.filter-panel .tag-filter{flex-wrap:wrap}}.wish-poster-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.8);display:grid;place-items:center;z-index:1000;padding:20px}.wish-poster-modal{background:var(--bg-card);border-radius:12px;padding:20px;max-width:90vw;max-height:90vh;overflow:auto;display:flex;flex-direction:column;gap:16px}.poster-preview{display:flex;justify-content:center}.poster-canvas{width:320px;height:480px;border-radius:12px;overflow:hidden;position:relative;display:flex;flex-direction:column}.poster-aurora{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f0f23 100%)}.aurora-layer{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.8}.aurora-layer.layer-1{background:radial-gradient(ellipse at 50% 0%,rgba(77,159,255,.4) 0%,transparent 60%)}.aurora-layer.layer-2{background:radial-gradient(ellipse at 30% 40%,rgba(138,43,226,.3) 0%,transparent 50%)}.aurora-layer.layer-3{background:radial-gradient(ellipse at 70% 70%,rgba(0,255,255,.25) 0%,transparent 45%)}.aurora-layer.layer-4{background:radial-gradient(ellipse at 50% 100%,rgba(255,107,107,.2) 0%,transparent 40%)}.stars{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(2px 2px at 20px 30px,rgba(255,255,255,.9),transparent),radial-gradient(2px 2px at 40px 70px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 90px 40px,rgba(255,255,255,.6),transparent),radial-gradient(2px 2px at 130px 80px,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 160px 120px,rgba(255,255,255,.5),transparent),radial-gradient(2px 2px at 200px 50px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 250px 160px,rgba(255,255,255,.6),transparent),radial-gradient(2px 2px at 50px 200px,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 100px 250px,rgba(255,255,255,.5),transparent),radial-gradient(2px 2px at 180px 280px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 220px 320px,rgba(255,255,255,.6),transparent),radial-gradient(2px 2px at 280px 380px,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 60px 380px,rgba(255,255,255,.5),transparent),radial-gradient(2px 2px at 140px 420px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 240px 450px,rgba(255,255,255,.6),transparent)}.poster-content{position:relative;z-index:1;padding:24px 20px;height:100%;display:flex;flex-direction:column}.poster-branding{display:flex;align-items:center;gap:8px;margin-bottom:16px}.brand-icon{font-size:1.2rem}.brand-text{font-size:.85rem;font-weight:600;color:#ffffffe6;letter-spacing:.05em}.poster-title{font-size:1.4rem;font-weight:700;color:#fff;margin:0 0 12px;line-height:1.3;text-shadow:0 2px 8px rgba(0,0,0,.3)}.poster-body{font-size:.9rem;color:#ffffffd9;margin:0 0 16px;line-height:1.6;flex:1;overflow:hidden;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical}.poster-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.poster-tag{padding:4px 10px;border-radius:4px;background:rgba(77,159,255,.25);color:#ffffffe6;font-size:.75rem;font-weight:500;border:1px solid rgba(77,159,255,.3)}.poster-meta{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-top:1px solid rgba(255,255,255,.15);margin-bottom:12px}.poster-author{font-size:.8rem;color:#ffffffb3}.poster-hot{font-size:.85rem;font-weight:600;color:#ff8533}.poster-qr{display:flex;flex-direction:column;align-items:center;gap:8px}.qr-image{width:100px;height:100px;border-radius:8px;background:#ffffff;padding:8px}.qr-hint{font-size:.75rem;color:#fff9}.qr-error{font-size:.7rem;color:#ff6b6b;max-width:120px;text-align:center}.qr-loading{font-size:.75rem;color:#ffffff80}.qr-url{font-size:.6rem;color:#fff6;word-break:break-all;max-width:120px}.poster-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.poster-generating{padding:8px 16px;color:var(--text-muted)}.markdown-body{line-height:1.6;word-break:break-word}.markdown-body p{margin:0 0 12px}.markdown-body p:last-child{margin-bottom:0}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4{margin:16px 0 8px;font-weight:600}.markdown-body h1{font-size:1.4em}.markdown-body h2{font-size:1.25em}.markdown-body h3{font-size:1.1em}.markdown-body ul,.markdown-body ol{margin:8px 0;padding-left:24px}.markdown-body li{margin:4px 0}.markdown-body code{background:rgba(0,0,0,.06);padding:2px 6px;border-radius:4px;font-family:SF Mono,Monaco,Consolas,monospace;font-size:.9em}.markdown-body pre{background:rgba(0,0,0,.06);padding:12px;border-radius:8px;overflow-x:auto;margin:12px 0}.markdown-body pre code{background:none;padding:0}.markdown-body blockquote{margin:12px 0;padding:8px 16px;border-left:4px solid var(--accent);background:var(--accent-light);color:var(--text-secondary)}.markdown-body a{color:var(--accent);text-decoration:none}.markdown-body a:hover{text-decoration:underline}.markdown-body img{max-width:100%;height:auto;border-radius:8px}.markdown-body hr{border:none;border-top:1px solid var(--border-color);margin:16px 0}.markdown-body table{width:100%;border-collapse:collapse;margin:12px 0}.markdown-body th,.markdown-body td{border:1px solid var(--border-color);padding:8px 12px;text-align:left}.markdown-body th{background:var(--bg-primary);font-weight:600}