:root{--pink:#f58faf;--deep:#db648a;--hot:#ff6f9f;--blush:#ffe2eb;--ink:#543747;--muted:#927685;--cream:#fff9fb;--line:rgba(235,126,160,.22);--shadow:0 18px 50px rgba(190,91,127,.15)}
*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;background:#fff1f6 url("assets/background.png") center/cover fixed no-repeat;min-height:100vh}
body:before{content:"";position:fixed;inset:0;background:rgba(255,245,249,.12);z-index:-1}.page-shell{width:min(100%,1050px);margin:auto;min-height:100vh;padding-bottom:84px;background:linear-gradient(180deg,rgba(255,248,251,.34),rgba(255,250,252,.63));box-shadow:0 0 70px rgba(179,91,123,.1)}
.hero{padding:46px 48px 36px;background:linear-gradient(135deg,rgba(251,135,172,.95),rgba(255,177,197,.94));border-radius:0 0 42px 42px;color:white;box-shadow:var(--shadow)}.brand-row,.section-title-row,.study-topbar,.word-card-head{display:flex;align-items:center;justify-content:space-between}.eyebrow,.mini-label{font-size:12px;font-weight:900;letter-spacing:2px;margin:0 0 8px;opacity:.85}.brand-row h1{font-size:42px;margin:0 0 7px;letter-spacing:-2px}.brand-row h1 span{font-size:35px}.date-line{margin:0;font-size:17px}.icon-btn,.sound-btn{border:0;width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.28);color:white;font-size:24px;cursor:pointer;transition:.2s}.icon-btn:hover,.sound-btn:hover{transform:rotate(-8deg) scale(1.06);background:rgba(255,255,255,.4)}
.quote-card{display:grid;grid-template-columns:48px 1fr;gap:16px;align-items:center;margin-top:28px;padding:22px 26px;border:1px solid rgba(255,255,255,.45);background:rgba(255,255,255,.2);border-radius:24px;backdrop-filter:blur(10px)}.quote-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:16px;background:white;color:var(--hot);font-size:22px}.quote-en{font-family:Georgia,serif;font-weight:700;font-style:italic;font-size:21px;margin:0 0 7px}.quote-zh{margin:0;font-size:14px;opacity:.95}
main{padding:30px 34px 50px}.book-tabs{display:flex;gap:10px;overflow-x:auto;padding:3px 2px 20px;scrollbar-width:none}.book-tabs::-webkit-scrollbar{display:none}.tab{white-space:nowrap;border:1px solid rgba(245,143,175,.24);background:rgba(255,255,255,.83);color:#8d7380;font-weight:800;padding:12px 22px;border-radius:999px;cursor:pointer;box-shadow:0 6px 18px rgba(160,100,120,.07)}.tab.active{color:white;background:linear-gradient(135deg,var(--pink),#ffb1c7);box-shadow:0 9px 20px rgba(222,97,140,.23)}
.glass-card{background:rgba(255,255,255,.9);border:1px solid rgba(255,255,255,.9);box-shadow:var(--shadow);backdrop-filter:blur(16px)}.plan-card,.books-card{border-radius:30px;padding:30px}.section-title-row h2{margin:0;font-size:24px}.mini-label{color:var(--deep);margin-bottom:5px}.pill,.soft-tag{font-size:12px;font-weight:900;letter-spacing:1px;padding:8px 12px;border-radius:999px;background:var(--blush);color:var(--deep)}.plan-stats{display:flex;gap:28px;margin:24px 0 14px;color:var(--muted)}.plan-stats b{color:var(--deep);font-size:20px}.progress-track{height:12px;background:#f7e9ee;border-radius:20px;overflow:hidden}.progress-bar{width:0;height:100%;border-radius:20px;background:linear-gradient(90deg,var(--hot),#ffb3c9);transition:.4s}.progress-text{color:var(--muted);margin:9px 0 20px}.primary-btn,.secondary-btn,.reveal-btn{border:0;border-radius:18px;font-weight:900;font-size:18px;padding:17px 26px;cursor:pointer;transition:.2s}.primary-btn{width:100%;color:white;background:linear-gradient(135deg,#ef7199,#ff9bbb);box-shadow:0 10px 22px rgba(230,100,145,.24)}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 14px 26px rgba(230,100,145,.3)}
.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:20px 0}.stat-card{border-radius:24px;text-align:center;padding:24px 12px}.stat-card strong{display:block;color:var(--deep);font-family:Georgia,serif;font-size:35px}.stat-card span{color:var(--muted);font-size:14px}.books-card{margin-top:22px}.book-shelf{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:22px}.book-item{position:relative;overflow:hidden;border:1px solid var(--line);background:linear-gradient(145deg,#fff8fb,#fff);border-radius:20px;padding:19px;cursor:pointer;transition:.2s}.book-item:after{content:"♡";position:absolute;right:12px;bottom:-12px;font-size:55px;color:rgba(246,143,175,.12)}.book-item:hover{transform:translateY(-3px);border-color:#f3a1bc}.book-item.active{background:linear-gradient(145deg,#fff0f5,#ffe3ec);border-color:#f293b2}.book-item strong{display:block;margin:9px 0 5px}.book-item span{font-size:12px;color:var(--muted)}.book-emoji{font-size:24px}
.hidden{display:none!important}.study-view{max-width:700px;margin:auto}.study-topbar{padding:4px 5px 18px;color:var(--muted)}.text-btn{border:0;background:transparent;color:var(--deep);font-weight:800;cursor:pointer}.word-card{border-radius:34px;padding:32px 38px;text-align:center}.sound-btn{color:var(--deep);background:var(--blush)}.phonetic{color:#a98695;margin:25px 0 4px;font-family:Georgia,serif}.word-text{font-family:Georgia,serif;font-size:56px;margin:0;color:#543747}.word-type{color:var(--deep);font-weight:800}.meaning-area{min-height:140px;margin:26px 0 14px;padding:22px;border-radius:20px;background:#fff4f7;transition:.25s}.meaning-area.blurred{filter:blur(8px);user-select:none}.meaning{font-size:22px;font-weight:900;margin:0 0 14px}.example{font-family:Georgia,serif;margin:0 0 6px;color:#765966}.example-zh{font-size:14px;color:var(--muted);margin:0}.reveal-btn{background:transparent;color:var(--deep);font-size:14px;padding:9px 15px}.answer-actions{display:grid;grid-template-columns:1fr 1.2fr;gap:14px;margin-top:20px}.secondary-btn{background:#f7edf1;color:#8b6a78}.compact{padding:17px;width:auto}footer{text-align:center;color:#a77c8d;font-size:13px;padding:0 20px 24px}
.bottom-nav{position:fixed;z-index:20;left:50%;bottom:0;transform:translateX(-50%);width:min(100%,1050px);height:74px;display:grid;grid-template-columns:repeat(4,1fr);background:rgba(255,255,255,.96);border-top:1px solid #f4dbe4;box-shadow:0 -9px 30px rgba(143,77,101,.1);backdrop-filter:blur(16px)}.nav-item{border:0;background:transparent;color:#ae929e;display:grid;place-content:center;gap:2px;cursor:pointer}.nav-item span{font-size:22px;line-height:1}.nav-item b{font-size:12px}.nav-item.active{color:var(--deep)}.nav-item.active span{transform:translateY(-2px)}
.app-view{min-height:520px}.view-heading{padding:8px 5px 22px}.view-heading h2{font-size:30px;margin:0 0 7px}.view-heading>p:last-child{margin:0;color:var(--muted)}.library-shelf{grid-template-columns:repeat(2,1fr);margin:0}.library-shelf .book-item{min-height:135px}.full-word-list{display:grid;gap:12px}.word-list-item{display:grid;grid-template-columns:150px 1fr 42px;gap:18px;align-items:center;padding:18px 20px;border-radius:20px;background:rgba(255,255,255,.93);border:1px solid rgba(242,153,183,.22);box-shadow:0 8px 23px rgba(167,82,113,.08)}.word-main strong{font:700 22px Georgia,serif;display:block}.word-main span,.word-content small{color:var(--muted)}.word-content b{display:block;margin-bottom:6px}.list-speak{width:38px;height:38px;border:0;border-radius:50%;background:var(--blush);cursor:pointer}.stats-page-grid{margin-top:0}.weekly-card,.settings-card{border-radius:28px;padding:26px}.progress-row{margin:20px 0}.progress-row-head{display:flex;justify-content:space-between;margin-bottom:9px}.settings-card{display:grid;gap:0}.settings-card label{display:flex;justify-content:space-between;align-items:center;padding:20px 4px;border-bottom:1px solid #f6e5eb}.settings-card label span{display:grid;gap:4px}.settings-card small{color:var(--muted)}.settings-card select{border:1px solid #f0c5d3;border-radius:12px;padding:10px;background:white;color:var(--ink)}.settings-card input{width:22px;height:22px;accent-color:var(--deep)}.danger-btn{margin-top:24px;border:1px solid #efb2c5;background:#fff4f7;color:#cf557d;border-radius:15px;padding:14px;font-weight:800;cursor:pointer}
.word-list-tools{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:18px;margin-bottom:16px}.word-list-tools input{flex:1;border:0;outline:0;background:transparent;font-size:16px;color:var(--ink)}.word-list-tools span{white-space:nowrap;color:var(--muted);font-size:13px}.load-more-btn{display:block;margin:20px auto 0;border:0;border-radius:16px;padding:14px 34px;background:var(--blush);color:var(--deep);font-weight:900;cursor:pointer}.custom-word-panel{border-radius:22px;padding:20px;margin-bottom:16px}.custom-word-panel h3{margin:0 0 14px}.custom-word-panel p{margin:10px 0 0;color:var(--muted);font-size:12px}.custom-form{display:grid;grid-template-columns:1fr 1.4fr auto;gap:10px}.custom-form input{min-width:0;border:1px solid #f1ced9;border-radius:13px;padding:12px;background:white}.custom-form button{border:0;border-radius:13px;padding:0 20px;background:var(--deep);color:white;font-weight:900;cursor:pointer}.delete-word{border:0;background:#fff0f4;color:#d85d84;border-radius:10px;padding:7px 9px;cursor:pointer}.word-actions{display:flex;gap:7px}
.empty-state{text-align:center;border-radius:20px;padding:34px;color:var(--muted)}
.sync-card{margin-top:20px;border-radius:28px;padding:26px}.sync-help{color:var(--muted);line-height:1.7}.sync-field{display:grid;gap:8px;margin:18px 0}.sync-field>span{font-weight:800}.sync-field input{width:100%;border:1px solid #f0c5d3;border-radius:13px;padding:13px;background:white;color:var(--ink);font-size:15px}.sync-field>div{display:grid;grid-template-columns:1fr auto;gap:9px}.sync-field button{border:0;border-radius:13px;padding:0 18px;background:var(--blush);color:var(--deep);font-weight:900;cursor:pointer}.remember-row{display:flex!important}.sync-actions{display:grid;grid-template-columns:1.3fr 1fr;gap:12px;margin-top:20px}.sync-status{padding:12px 14px;border-radius:13px;background:#fff3f7;color:var(--muted);font-size:13px}.sync-status.success{background:#eefaf5;color:#338266}.sync-status.error{background:#fff0f0;color:#c94f65}
@media(max-width:700px){body{background-size:auto 100%;background-position:center top}.hero{padding:32px 22px 28px;border-radius:0 0 30px 30px}.brand-row h1{font-size:32px}.quote-card{grid-template-columns:36px 1fr;padding:18px}.quote-icon{width:36px;height:36px}.quote-en{font-size:17px}main{padding:22px 16px 40px}.plan-card,.books-card{padding:22px;border-radius:24px}.stats-grid{gap:9px}.stat-card{padding:19px 5px}.stat-card strong{font-size:29px}.stat-card span{font-size:12px}.book-shelf{grid-template-columns:1fr 1fr}.word-card{padding:24px 20px}.word-text{font-size:46px}.answer-actions{grid-template-columns:1fr}.section-title-row{align-items:flex-start}.pill{display:none}.word-list-item{grid-template-columns:1fr auto;gap:10px}.word-content{grid-column:1/-1}.library-shelf{grid-template-columns:1fr}.custom-form{grid-template-columns:1fr}.custom-form button{padding:12px}.word-list-tools{align-items:stretch;flex-direction:column}}
@media(max-width:430px){.book-shelf{grid-template-columns:1fr}.plan-stats{gap:14px;font-size:14px}.brand-row h1{font-size:29px}}