body{margin:0}#root{min-height:100vh}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{color:#1a1a1a;-webkit-font-smoothing:antialiased;background:#f5f0e8;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app-container{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.app-screen{background:#fffdfa;border-radius:44px;flex-direction:column;width:390px;min-height:844px;padding:24px 20px 32px;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 80px #00000026,0 0 0 1px #0000000f}.scroll-area{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;padding-bottom:4px;display:flex;overflow-y:auto}.scroll-area>.search-row,.scroll-area>.section-label,.scroll-area>.home-list{flex-shrink:0}.scroll-area>.home-empty{flex:1;justify-content:center;align-items:center;display:flex}.scroll-area::-webkit-scrollbar{display:none}.logo{flex-direction:column;flex-shrink:0;padding:0 0 2px;display:flex}.logo-main{background:linear-gradient(135deg,#d35400,#e67e22);-webkit-text-fill-color:transparent;letter-spacing:-.3px;-webkit-background-clip:text;font-size:26px;font-weight:800}.logo-sub{color:#998e84;letter-spacing:.3px;margin-top:1px;font-size:13px}.top-nav{flex-shrink:0;justify-content:space-between;align-items:center;padding:4px 0 16px;display:flex}.top-nav .back{cursor:pointer;color:#1a1a1a;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:22px;transition:background .2s;display:flex}.top-nav .back:hover{background:#f0ebe3}.top-nav .title{font-size:16px;font-weight:700}.top-nav .right{justify-content:center;align-items:center;width:36px;height:36px;display:flex}.heart-btn{cursor:pointer;-webkit-user-select:none;user-select:none;font-size:22px}.search-row{align-items:stretch;gap:8px;margin:36px 0;display:flex}.search-row .search-box{color:#1a1a1a;background:#f5f0e8;border:none;border-radius:14px;outline:none;flex:1;height:70px;margin:0;padding:0 16px;font-size:13px;transition:background .2s,box-shadow .2s}.search-box::placeholder{color:#b0a69c;font-size:12px}.search-box:focus{background:#fff;box-shadow:0 0 0 2px #e67e22,0 4px 12px #e67e221f}.search-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#d35400,#e67e22);border:none;border-radius:14px;flex-shrink:0;height:70px;padding:0 20px;font-size:15px;font-weight:700;transition:opacity .2s,transform .1s}.search-btn:hover{opacity:.9}.search-btn:active{transform:scale(.96)}.search-btn:disabled{opacity:.5;cursor:not-allowed}.section-label{color:#998e84;letter-spacing:.5px;cursor:pointer;align-items:center;gap:8px;margin-bottom:12px;font-size:13px;font-weight:600;display:flex}.section-label:after{content:"";background:#e8e0d0;flex:1;height:1px}.home-list{flex-direction:column;gap:6px;display:flex}.home-item{cursor:pointer;background:#faf8f5;border-radius:12px;padding:12px 16px;transition:background .2s}.home-item:hover{background:#f5f0e8}.home-item .word{color:#1a1a1a;font-size:16px;font-weight:600}.heart-inline{cursor:pointer;-webkit-user-select:none;user-select:none;vertical-align:middle;font-size:16px;transition:transform .15s}.heart-inline:hover{transform:scale(1.15)}.heart-inline.filled{color:#e63946}.home-empty{text-align:center;color:#b0a69c;padding:24px 0;font-size:14px;line-height:1.7}.guidance{color:#666;background:#faf8f5;border-radius:12px;margin-top:24px;padding:16px 18px;font-size:14px;line-height:1.7}.guidance strong{color:#e67e22}.footer-note{color:#b0a69c;text-align:center;border-top:1px solid #e8e0d0;flex-shrink:0;margin-top:16px;padding-top:16px;font-size:12.5px;line-height:1.7}.word-header{margin-bottom:16px}.word-header h1{color:#1a1a1a;letter-spacing:-.5px;flex-wrap:wrap;align-items:center;gap:4px;font-size:32px;font-weight:800;display:flex}.word-header h1 .heart-inline{font-size:24px}.word-header .leap{color:#e67e22;margin-top:3px;font-size:15px;font-weight:600}.svg-zone{aspect-ratio:760/400;background:#faf8f5;border-radius:16px;justify-content:center;align-items:center;margin-bottom:16px;display:flex;position:relative;overflow:hidden}.svg-zone svg{width:100%;height:100%;display:block}.white-box{color:#555;background:#fff;border:1px solid #e8e0d0;border-radius:12px;margin-bottom:20px;padding:14px 16px;font-size:13.5px;line-height:1.7}.white-box strong{color:#d35400}.detail-section{margin-bottom:24px}.detail-section h3{color:#333;align-items:center;gap:8px;margin-bottom:10px;font-size:15px;font-weight:700;display:flex}.phrase-list{flex-direction:column;gap:8px;display:flex}.phrase-item{background:#faf8f5;border-radius:10px;padding:12px 14px}.phrase-item .en{color:#1a1a1a;font-size:15px;font-weight:600}.phrase-item .en strong{color:#e67e22}.phrase-item .cn{color:#777;margin-top:2px;font-size:13px}.phrase-item .example{color:#998e84;border-left:2px solid #e8e0d0;margin-top:4px;padding-left:8px;font-size:12.5px;font-style:italic}.compare-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.compare-card{text-align:center;color:#333;background:#faf8f5;border-radius:10px;padding:12px;font-size:14px;font-weight:600}.compare-card small{color:#998e84;margin-top:3px;font-size:12px;font-weight:400;display:block}.compare-row-full{flex-direction:column;gap:16px;display:flex}.compare-card-full{background:#faf8f5;border:1px solid #e8e8e4;border-radius:14px;overflow:hidden}.compare-card-svg svg{width:100%;height:auto;display:block}.compare-card-body{padding:12px 16px 16px}.compare-card-body h4{color:#1a1a1a;margin-bottom:2px;font-size:16px;font-weight:700}.compare-card-pos{color:#998e84;margin-bottom:8px;font-size:12px}.compare-card-def{color:#555;margin-bottom:10px;font-size:13.5px;line-height:1.7}.compare-card-def strong{color:#d35400}.compare-card-desc{color:#888;margin-bottom:8px;font-size:12px;line-height:1.5}.tree-wrap{background:#fffdf7;border:1px solid #e8e0d0;border-radius:12px;padding:20px 24px}.tree-list{flex-direction:column;gap:12px;display:flex}.tree-item{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.tree-label{color:#fff;white-space:nowrap;border-radius:6px;padding:6px 14px;font-size:13px;font-weight:600}.tree-arrow{color:#e63946;font-weight:700}.tree-usage{background:#fafaf8;border:1px solid #e0d8c8;border-radius:6px;padding:6px 14px;font-size:12.5px}.tree-note{color:#999;font-size:12px}.spectrum-wrap{background:#faf8f5;border:1px solid #e8e0d0;border-radius:14px;padding:16px}.spectrum-svg svg{border-radius:10px;width:100%;height:auto;display:block}.usage-section{background:#faf8f5;border:1px solid #e8e0d0;border-radius:14px;margin-bottom:16px;padding:18px 20px}.usage-section h4{color:#333;align-items:center;gap:8px;margin-bottom:10px;font-size:14px;font-weight:700;display:flex}.usage-list{grid-template-columns:1fr 1fr;gap:4px 24px;display:grid}.usage-item{border-bottom:1px dashed #eee;flex-direction:column;padding:6px 0;display:flex}.usage-en{color:#333;font-size:14px;font-weight:600}.usage-en strong{color:#e63946}.usage-cn{color:#777;margin-top:2px;font-size:12.5px;line-height:1.5}.refs-wrap{margin-bottom:8px}.three-col{grid-template-columns:1fr 1fr 1fr;gap:12px;display:grid}.info-card{border-radius:12px;padding:14px 16px}.info-card h5{margin-bottom:8px;font-size:14px;font-weight:700}.info-card p{color:#555;margin-bottom:5px;font-size:13px;line-height:1.6}.info-card small{color:#777;font-size:12px}.red-bg{background:linear-gradient(135deg,#fff0f0,#fde0e0)}.green-bg{background:linear-gradient(135deg,#f0faf5,#e0f5ec)}.purple-bg{background:linear-gradient(135deg,#f5f0ff,#e8e0f5)}.favorites-list{flex-direction:column;flex:1;gap:6px;display:flex}.fav-count{color:#b0a69c;margin-bottom:6px;font-size:13px}.fav-item{cursor:pointer;background:#faf8f5;border-radius:12px;padding:14px 16px;transition:background .2s}.fav-item:hover{background:#f5f0e8}.fav-item .word{color:#1a1a1a;font-size:16px;font-weight:600}.fav-item .meta{color:#b0a69c;margin-top:2px;font-size:12px}.col-empty{text-align:center;color:#b0a69c;flex-direction:column;flex:1;justify-content:center;padding:48px 0;font-size:14px;line-height:1.8;display:flex}.fade-in{animation:.3s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=440px){.app-container{padding:0}.app-screen{width:100%;min-height:100vh;box-shadow:none;border-radius:0;margin:0}.usage-list,.three-col{grid-template-columns:1fr}.tree-item{flex-wrap:wrap;gap:6px}}