:root{--ink: #2c3e50;--red: #b22222;--gold: #d4af37;--paper: #f4f1ea}.app-wrap{width:100%;height:100vh;background-color:var(--paper);background-size:cover;background-position:center;font-family:STKaiti,Kaiti,serif;display:flex;justify-content:center;position:relative;overflow:hidden}.cloud-tag{position:absolute;top:15px;right:20px;font-size:12px;color:#999;display:flex;align-items:center;gap:5px;z-index:10}.panel{width:100%;max-width:450px;height:100%;padding:40px 20px;display:flex;flex-direction:column;z-index:5}.center{align-items:center;justify-content:center;text-align:center}.main-seal{width:60px;height:60px;background:var(--red);color:#fff;font-size:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;margin-bottom:20px;box-shadow:3px 3px #0000001a}.main-title{font-size:42px;letter-spacing:10px;margin:0 0 30px;color:var(--ink);text-shadow:1px 1px 2px rgba(0,0,0,.1)}.scholar-box{height:200px;display:flex;align-items:center;justify-content:center;margin-bottom:40px}.scholar-img{max-height:100%;filter:drop-shadow(0 5px 15px rgba(0,0,0,.1))}.game-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.score-badge{background:var(--ink);color:#fff;padding:5px 20px;border-radius:20px;font-size:18px}.stat{display:flex;align-items:center;gap:8px;font-weight:700;font-size:18px}.word-card{background:#fff9;padding:40px 20px;border-radius:15px;border:1px solid rgba(0,0,0,.05);box-shadow:0 10px 30px #0000000d;margin-bottom:30px;position:relative;text-align:center}.word-display{font-size:48px;letter-spacing:8px;display:flex;justify-content:center;gap:10px}.highlight-char{color:var(--red);border-bottom:3px solid var(--gold)}.toast{position:absolute;bottom:-15px;left:50%;transform:translate(-50%);background:var(--ink);color:#fff;padding:5px 15px;border-radius:15px;font-size:12px;white-space:nowrap}.input-box{display:flex;gap:10px;margin-bottom:20px}input{flex:1;padding:15px 25px;border-radius:30px;border:2px solid #ddd;font-size:18px;font-family:inherit;outline:none;transition:all .3s}input:focus{border-color:var(--ink);box-shadow:0 0 10px #0000000d}.btn-icon{width:54px;height:54px;border-radius:50%;border:none;background:var(--ink);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}.tool-row{display:flex;gap:15px;justify-content:center;margin-bottom:30px}.btn-sub{background:#fff;border:1px solid #ddd;padding:8px 15px;border-radius:20px;font-size:14px;display:flex;align-items:center;gap:5px;cursor:pointer;font-family:inherit}.history-box{flex:1;display:flex;flex-direction:column;overflow:hidden;background:#fff6;border-radius:10px;padding:15px}.history-header{font-size:12px;color:#888;margin-bottom:10px;display:flex;align-items:center;gap:5px}.history-list{flex:1;overflow-y:auto}.history-item{display:flex;align-items:center;gap:10px;margin-bottom:8px}.history-item.me .tag{background:#e1f5fe;color:#0288d1}.history-item.sys .tag{background:#f5f5f5;color:#666}.tag{font-size:10px;padding:2px 6px;border-radius:4px}.btn-main{background:var(--red);color:#fff;border:none;padding:15px 40px;font-size:20px;border-radius:30px;cursor:pointer;display:flex;align-items:center;gap:10px;font-family:inherit;box-shadow:0 5px 15px #b222224d}.spin{width:20px;height:20px;border:2px solid white;border-top-color:transparent;border-radius:50%;animation:rotate 1s linear infinite}@keyframes rotate{to{transform:rotate(360deg)}}.result-card{width:100%;background:#fff;padding:20px;border-radius:15px;margin:30px 0}.res-row{display:flex;justify-content:space-between;padding:10px 0;font-size:20px}.gold{color:var(--gold);font-weight:700}