*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:"Source Han Serif CN",SimSun,NSimSun,STSong,serif;background:linear-gradient(180deg,#f8f4ed,#efe8dc);color:#2c2c2c;min-height:100vh;line-height:1.6}.toast-container{position:fixed;top:16px;right:16px;z-index:9999;display:flex;flex-direction:column;gap:10px;max-width:min(360px,calc(100vw - 32px))}.toast{text-align:left;font-family:inherit;cursor:pointer;border:1px solid rgba(139,115,85,.25);background:hsla(0,0%,100%,.86);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:12px 14px;box-shadow:0 10px 30px rgba(0,0,0,.12);transition:transform .2s,background .2s,border-color .2s}.toast:hover{transform:translateY(-1px);border-color:rgba(139,37,0,.25);background:hsla(0,0%,100%,.95)}.toast-title{font-weight:800;color:#8b2500;font-size:.98rem;margin-bottom:4px}.toast-msg{color:#5c4a3d;font-size:.92rem;line-height:1.45;word-break:break-word}a{color:inherit;text-decoration:none}.home{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.home h1{font-size:3rem;font-weight:700;color:#8b2500;margin-bottom:.5rem;letter-spacing:.2em}.home .subtitle{font-size:1.1rem;color:#5c4a3d;margin-bottom:3rem}.home .actions{display:flex;gap:1.5rem;margin-bottom:4rem}.btn{display:inline-block;padding:.9rem 2rem;font-size:1.1rem;font-family:inherit;border-radius:8px;cursor:pointer;transition:all .2s;border:2px solid transparent}.btn-primary{background:#8b2500;color:#fff;border-color:#8b2500}.btn-primary:hover{background:#a62e00;border-color:#a62e00;transform:translateY(-2px)}.btn-accent{background:#2e7d32;color:#fff;border-color:#2e7d32}.btn-accent:hover{background:#388e3c;border-color:#388e3c;transform:translateY(-2px)}.btn-secondary{background:transparent;color:#5c4a3d;border-color:#8b7355}.btn-secondary:hover{background:rgba(139,115,85,.1);border-color:#6b5a45}.home .info{text-align:center;color:#6b5a45;font-size:.95rem}.home .info p{margin:.3rem 0}.game-page{min-height:100vh;padding:2rem;max-width:600px;margin:0 auto}.game-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.back-link{color:#8b2500;font-size:.95rem}.back-link:hover{text-decoration:underline}.timer{font-size:1.5rem;font-weight:600;color:#5c4a3d}.start-section{text-align:center;padding:2rem;background:hsla(0,0%,100%,.6);border-radius:12px;border:1px solid rgba(139,115,85,.2);box-shadow:0 4px 20px rgba(0,0,0,.06)}.start-section p{margin-bottom:1rem;color:#5c4a3d}.start-section strong{color:#8b2500;font-size:1.3rem}.play-section{padding:2rem;background:hsla(0,0%,100%,.6);border-radius:12px;border:1px solid rgba(139,115,85,.2);box-shadow:0 4px 20px rgba(0,0,0,.06)}.rounds{font-size:1rem;color:#5c4a3d;margin-bottom:1rem}.chain-display{padding:1rem;margin-bottom:1.5rem;background:hsla(38,44%,95%,.8);border-radius:8px;border:1px solid rgba(139,115,85,.15);font-size:1.1rem;line-height:1.8}.chain-item{color:#2c2c2c}.idiom-word{font:inherit;color:inherit;padding:0;border:0;background:transparent;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;cursor:pointer}.idiom-detail{margin:-.5rem 0 1.25rem;padding:.9rem 1rem;background:hsla(0,0%,100%,.7);border-radius:10px;border:1px solid rgba(139,115,85,.18)}.idiom-detail-title{font-weight:600;color:#8b2500;margin-bottom:.4rem}.idiom-detail-row{color:#5c4a3d;line-height:1.6;font-size:.98rem}.input-form{display:flex;gap:.75rem;margin-bottom:1rem}.input-form input{flex:1 1;padding:.75rem 1rem;font-size:1rem;font-family:inherit;border:2px solid rgba(139,115,85,.3);border-radius:8px;background:#fff}.input-form input:focus{outline:none;border-color:#8b2500}.error{color:#b22222;font-size:.9rem;margin-top:.5rem}.result-section{text-align:center;padding:2rem;background:hsla(0,0%,100%,.6);border-radius:12px;border:1px solid rgba(139,115,85,.2);box-shadow:0 4px 20px rgba(0,0,0,.06)}.result-section h2{color:#8b2500;margin-bottom:1rem}.final-time{font-size:1.3rem;font-weight:600;color:#5c4a3d;margin-bottom:1.5rem}.result-section .chain-display{margin-bottom:2rem}.submit-form{display:flex;flex-direction:column;gap:1rem;align-items:center;margin-bottom:1.5rem}.submit-form input{width:100%;max-width:240px;padding:.75rem 1rem;font-size:1rem;font-family:inherit;border:2px solid rgba(139,115,85,.3);border-radius:8px;background:#fff}.success{color:#2e7d32;margin-bottom:1rem}.keyword-display{font-size:1.8rem;margin-bottom:.5rem;color:#5c4a3d}.keyword-display .keyword{color:#8b2500;font-weight:800;border-bottom:2px solid #8b2500;padding:0 .5rem}.hint{color:#6b5a45;margin-bottom:2rem;font-size:.95rem}.feihualing-chat{max-height:280px;overflow:auto;padding:1rem;margin-bottom:1.5rem;background:hsla(38,44%,95%,.8);border-radius:10px;border:1px solid rgba(139,115,85,.15)}.feihualing-chat-empty{color:#8b7355;font-style:italic;text-align:center;padding:1rem 0}.chat-row{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.9rem}.chat-row.mine{flex-direction:row-reverse}.chat-row.mine .chat-avatar{background:rgba(46,125,50,.14);border-color:rgba(46,125,50,.2);color:#2e7d32}.chat-row.mine .chat-bubble{background:rgba(46,125,50,.08);border-color:rgba(46,125,50,.18)}.chat-row.mine .chat-name,.chat-row.mine .chat-text{text-align:right}.chat-row:last-child{margin-bottom:0}.chat-avatar{width:38px;height:38px;flex:0 0 38px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:rgba(139,37,0,.12);border:1px solid rgba(139,37,0,.18);color:#8b2500;font-weight:800;-webkit-user-select:none;-moz-user-select:none;user-select:none}.chat-bubble{flex:1 1;background:hsla(0,0%,100%,.78);border-radius:12px;padding:.7rem .9rem;border:1px solid rgba(139,115,85,.2)}.chat-name{font-size:.85rem;color:#6b5a45;margin-bottom:.25rem}.chat-text{font-size:1.05rem;color:#2c2c2c;line-height:1.7;word-break:break-word}.wait-hint{color:#6b5a45;font-size:.9rem;margin-top:.25rem}.charts-grid{margin-top:1.75rem;display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem}.chart-card{background:hsla(0,0%,100%,.55);border-radius:12px;border:1px solid rgba(139,115,85,.18);padding:1.25rem}.chart-title{font-size:1.05rem;color:#8b2500;font-weight:700;margin-bottom:.9rem}.vbar-chart{width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;position:relative;padding:1.5rem .5rem .5rem}.vbar-chart:after,.vbar-chart:before{content:"";position:-webkit-sticky;position:sticky;top:0;width:22px;height:100%;pointer-events:none;z-index:1}.vbar-chart:before{left:0;background:linear-gradient(90deg,hsla(0,0%,100%,.65),hsla(0,0%,100%,0))}.vbar-chart:after{right:0;background:linear-gradient(270deg,hsla(0,0%,100%,.65),hsla(0,0%,100%,0))}.vbar-chart::-webkit-scrollbar{height:10px}.vbar-chart::-webkit-scrollbar-track{background:rgba(139,115,85,.1);border-radius:999px}.vbar-chart::-webkit-scrollbar-thumb{background:rgba(139,37,0,.35);border-radius:999px}.vbar-bars{display:flex;align-items:flex-end;gap:clamp(.75rem,2.2vw,1.5rem);min-height:220px;width:max-content;padding:0 .75rem .25rem;scroll-snap-type:x proximity}.vbar-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:clamp(34px,6vw,56px);scroll-snap-align:end}.vbar-value{font-size:1rem;font-weight:800;color:#8b2500}.vbar-bar{max-width:36px;height:180px;background:rgba(139,115,85,.12);overflow:hidden;display:flex;align-items:flex-end;box-shadow:inset 0 2px 4px rgba(0,0,0,.05)}.vbar-bar,.vbar-bar-fill{width:100%;border-radius:8px}.vbar-bar-fill{background:linear-gradient(180deg,#e64a19,#d84315 50%,#bf360c);transition:height .4s ease-out;box-shadow:0 -2px 6px rgba(230,74,25,.3)}.vbar-label{font-size:.9rem;font-weight:600;color:#4a3b32;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pie-wrap{display:grid;grid-template-columns:220px 1fr;grid-gap:2rem;gap:2rem;align-items:center;padding:1rem 0}.pie-svg{width:220px;height:220px;filter:drop-shadow(0 4px 12px rgba(0,0,0,.08))}.pie-hole{fill:#f8f4ed}.pie-seg-0{fill:#d84315}.pie-seg-1{fill:#2e7d32}.pie-seg-2{fill:#1976d2}.pie-seg-3{fill:#7b1fa2}.pie-seg-4{fill:#f57c00}.pie-seg-5{fill:#0097a7}.pie-seg-6{fill:#c2185b}.pie-seg-7{fill:#388e3c}.pie-legend{display:flex;flex-direction:column;gap:.8rem}.pie-legend-row{display:flex;align-items:center;gap:.8rem;font-size:1rem;padding:.3rem .5rem;border-radius:6px;transition:background .2s}.pie-legend-row:hover{background:hsla(0,0%,100%,.5)}.pie-dot{width:12px;height:12px;border-radius:4px}.pie-dot-0{background:#d84315}.pie-dot-1{background:#2e7d32}.pie-dot-2{background:#1976d2}.pie-dot-3{background:#7b1fa2}.pie-dot-4{background:#f57c00}.pie-dot-5{background:#0097a7}.pie-dot-6{background:#c2185b}.pie-dot-7{background:#388e3c}.pie-name{flex:1 1;color:#3e2723;font-weight:500}.pie-value{color:#8b2500;font-weight:800;font-size:1.1rem}.ranking-container{margin-top:3rem;display:flex;flex-direction:column;gap:2rem}.ranking-section{background:hsla(0,0%,100%,.4);padding:1.5rem;border-radius:12px;border:1px solid rgba(139,115,85,.15)}.ranking-section h3{font-size:1.1rem;color:#8b2500;margin-bottom:1rem;text-align:left;border-left:4px solid #8b2500;padding-left:.75rem}.ranking-list{list-style:none;display:flex;flex-direction:column;gap:.5rem}.ranking-item{display:flex;align-items:center;gap:1rem;padding:.6rem .8rem;background:hsla(0,0%,100%,.6);border-radius:6px;font-size:1rem}.ranking-item .rank{color:#8b2500;font-weight:700;min-width:1.5rem}.ranking-item .name{flex:1 1;color:#2c2c2c;text-align:left}.ranking-item .count{color:#5c4a3d;font-weight:600}.empty-hint{color:#8b7355;font-style:italic;font-size:.9rem;text-align:center}.max-record .ranking-item{background:rgba(139,37,0,.05);border:1px dashed rgba(139,37,0,.3)}.btn-sm{padding:.5rem 1rem;font-size:.9rem}.leaderboard-page{min-height:100vh;padding:2rem;max-width:560px;margin:0 auto}.leaderboard-header{margin-bottom:2rem}.leaderboard-header h1{font-size:2rem;color:#8b2500;margin:1rem 0 .5rem}.refresh-info{color:#6b5a45;font-size:.95rem}.tabs{margin-top:1rem;display:inline-flex;gap:.5rem;padding:.35rem;border-radius:999px;background:hsla(0,0%,100%,.55);border:1px solid rgba(139,115,85,.18)}.tab{font-family:inherit;border:0;cursor:pointer;padding:.55rem 1rem;border-radius:999px;background:transparent;color:#5c4a3d;font-weight:700;transition:all .2s}.tab:hover{background:rgba(139,115,85,.12)}.tab.active{background:#8b2500;color:#fff}.leaderboard-list{display:flex;flex-direction:column;gap:.5rem}.leaderboard-item{padding:1rem 1.25rem;background:hsla(0,0%,100%,.6);border-radius:10px;border:1px solid rgba(139,115,85,.2);cursor:pointer;transition:all .2s}.leaderboard-item:hover{background:hsla(0,0%,100%,.85);border-color:rgba(139,115,85,.35)}.leaderboard-item.expanded{border-color:rgba(139,37,0,.3);box-shadow:0 4px 16px rgba(0,0,0,.08)}.item-main{display:flex;align-items:center;gap:1rem}.rank{font-weight:700;color:#8b2500;min-width:2.5rem}.name{flex:1 1;font-weight:600;color:#2c2c2c}.time{color:#5c4a3d;font-size:.95rem}.item-chain{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(139,115,85,.2)}.item-chain p{font-size:.9rem;color:#6b5a45;margin-bottom:.5rem}.empty{text-align:center;color:#6b5a45;padding:3rem}@media (max-width:480px){.home h1{font-size:2.2rem}.home .actions{flex-direction:column}.btn{width:100%;text-align:center}.game-page,.leaderboard-page{padding:1rem}}@media (max-width:720px){.charts-grid,.pie-wrap{grid-template-columns:1fr}.pie-wrap{justify-items:center}.vbar-chart{padding:1.25rem .25rem .5rem}.vbar-bars{min-height:200px;padding:0 .5rem .25rem}.vbar-bar{height:160px;max-width:30px}}