:root{--ink:#3c2f2b;--muted:#806d66;--pink:#f59eb0;--pink-dark:#d96f86;--cream:#fff9f2;--card:#fff;--peach:#ffd9ad;--green:#9bc7a4;--shadow:0 18px 50px rgba(112,75,57,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:"Segoe UI","Noto Sans",Arial,sans-serif;background:radial-gradient(circle at 8% 8%,#ffe5ba 0 6%,transparent 20%),radial-gradient(circle at 92% 18%,#ffdce5 0 7%,transparent 21%),var(--cream);min-height:100vh}.site-header{max-width:1180px;margin:auto;padding:22px 28px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:3}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.brand img{width:56px;height:56px}.brand span{display:flex;flex-direction:column}.brand strong{font-size:20px}.brand small{color:var(--muted)}nav{display:flex;gap:10px}nav a{color:var(--ink);text-decoration:none;font-weight:700;padding:10px 15px;border-radius:999px}nav a:hover{background:#fff;box-shadow:0 8px 22px rgba(80,48,35,.08)}main{position:relative;z-index:2}.hero{max-width:1180px;margin:26px auto 18px;padding:52px 58px;display:grid;grid-template-columns:1.25fr .75fr;gap:34px;align-items:center;border:2px solid rgba(255,255,255,.75);border-radius:42px;background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(255,239,222,.82));box-shadow:var(--shadow);overflow:hidden}.eyebrow{color:var(--pink-dark);font-weight:900;letter-spacing:.12em;text-transform:uppercase;font-size:13px}.hero h1,.page-shell h1{font-size:clamp(42px,6vw,72px);line-height:1.02;margin:12px 0 18px;letter-spacing:-.045em}.hero h1 span{color:var(--pink-dark)}.hero-copy>p{font-size:19px;color:var(--muted);max-width:600px}.search-box{margin-top:30px;padding:9px 9px 9px 19px;border-radius:22px;background:#fff;display:flex;align-items:center;gap:10px;box-shadow:0 15px 35px rgba(111,72,52,.12);border:2px solid #fff}.search-icon{font-size:28px;color:var(--pink-dark)}.search-box input{min-width:0;flex:1;border:0;outline:0;font-size:17px;color:var(--ink);padding:15px 2px;background:transparent}.search-box button,.upload-card button{border:0;background:linear-gradient(135deg,var(--pink),var(--pink-dark));color:#fff;font-weight:900;font-size:16px;border-radius:16px;padding:16px 24px;cursor:pointer;box-shadow:0 10px 20px rgba(217,111,134,.25)}.search-box button:hover,.upload-card button:hover{transform:translateY(-1px)}.quick-searches{margin-top:17px;display:flex;gap:9px;align-items:center;flex-wrap:wrap;color:var(--muted)}.quick-searches a{background:#fff;color:var(--ink);text-decoration:none;border-radius:999px;padding:6px 11px;font-weight:700}.hero-capy{position:relative;text-align:center}.hero-capy img{width:min(100%,430px);filter:drop-shadow(0 18px 17px rgba(95,56,39,.16))}.speech{position:absolute;right:0;top:10px;background:#fff;border-radius:19px;padding:13px 17px;font-weight:900;box-shadow:var(--shadow);transform:rotate(3deg)}.speech small{display:block;color:var(--muted);font-weight:600;margin-top:4px}.stats-strip{max-width:900px;margin:24px auto 60px;display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border-radius:24px;box-shadow:var(--shadow);overflow:hidden}.stats-strip div{padding:20px;text-align:center;border-right:1px dashed #ead8cc}.stats-strip div:last-child{border:0}.stats-strip strong{display:block;font-size:28px;color:var(--pink-dark)}.stats-strip span{color:var(--muted);font-size:14px}.results-section,.featured-section,.page-shell{max-width:1180px;margin:0 auto 70px;padding:0 28px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px}.section-heading h2{font-size:34px;margin:6px 0 0}.result-count{background:#fff;border-radius:999px;padding:9px 14px;color:var(--muted);font-weight:700}.result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.word-card{background:#fff;border-radius:27px;padding:26px;box-shadow:var(--shadow);border:1px solid #f5e4da;transition:.2s}.word-card:hover{transform:translateY(-3px)}.word-top{display:flex;justify-content:space-between;gap:12px}.hanzi-wrap{display:flex;flex-direction:column}.hanzi{font-family:"Microsoft YaHei","Noto Sans SC",sans-serif;font-size:45px;font-weight:900}.traditional{color:var(--muted);font-size:13px}.hsk{align-self:start;background:#fff1b6;border-radius:999px;padding:6px 10px;font-weight:900;font-size:12px}.pinyin-row{display:flex;align-items:center;gap:10px;margin-top:13px;color:var(--pink-dark)}.pinyin-row strong{font-size:20px}.pinyin-row small{color:var(--muted)}.sound-button{border:0;background:#ffedf1;width:36px;height:36px;border-radius:50%;cursor:pointer}.meaning{font-size:19px;line-height:1.6;margin:14px 0 10px}.part-of-speech{font-size:12px;color:#547b5c;background:#e8f5e9;border-radius:999px;padding:5px 9px}.example{margin-top:18px;background:#fff8f1;border-radius:18px;padding:15px}.example>span{display:block;color:var(--pink-dark);font-size:12px;text-transform:uppercase;font-weight:900;letter-spacing:.1em}.example strong,.example em,.example p{display:block;margin-top:6px}.example em{color:var(--muted)}.example p{margin-bottom:0}.featured-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.mini-card{background:#fff;color:inherit;text-decoration:none;border-radius:23px;padding:21px;display:flex;flex-direction:column;gap:6px;box-shadow:var(--shadow);transition:.2s}.mini-card:hover{transform:translateY(-4px) rotate(-1deg)}.mini-card>span{font-size:31px;font-weight:900}.mini-card strong{color:var(--pink-dark)}.mini-card small{color:var(--muted)}.empty-state{text-align:center;background:#fff;border-radius:30px;padding:50px;box-shadow:var(--shadow)}.empty-state img{width:220px}.empty-state h3{font-size:26px;margin:8px 0}.empty-state p{color:var(--muted)}.page-shell{padding-top:40px}.import-intro{text-align:center;max-width:760px;margin:0 auto 30px}.import-intro h1{font-size:50px}.import-intro p{font-size:18px;color:var(--muted)}.import-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:22px}.upload-card,.format-card{background:#fff;border-radius:29px;padding:28px;box-shadow:var(--shadow)}.upload-card{display:flex;flex-direction:column;gap:18px}.upload-card label{font-weight:800;display:flex;flex-direction:column;gap:8px}.upload-card input[type=password],.upload-card input[type=file]{width:100%;border:2px solid #f1ddd3;border-radius:14px;padding:14px;background:#fffdfb}.checkbox-row{flex-direction:row!important;align-items:center}.format-card code,.format-card pre{display:block;white-space:pre-wrap;overflow-wrap:anywhere;background:#3c2f2b;color:#fff8f1;padding:15px;border-radius:14px}.note{color:var(--muted)}.alert{max-width:700px;margin:0 auto 22px;padding:15px 20px;border-radius:15px;font-weight:800}.alert.success{background:#e6f5e9;color:#36643e}.alert.error{background:#ffe5e9;color:#a23f55}.primary-link{display:inline-block;background:var(--pink-dark);color:#fff;text-decoration:none;padding:12px 18px;border-radius:14px;font-weight:800}footer{max-width:1180px;margin:40px auto 0;padding:26px 28px;display:flex;justify-content:space-between;color:var(--muted);border-top:1px dashed #ddc8bc}.floating-bubble{position:fixed;border-radius:50%;display:grid;place-items:center;font-weight:900;color:#fff;opacity:.18;z-index:1}.bubble-one{width:120px;height:120px;background:var(--pink);left:-25px;top:38%}.bubble-two{width:90px;height:90px;background:var(--green);right:-15px;bottom:15%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:850px){.hero{grid-template-columns:1fr;padding:38px 25px}.hero-capy{display:none}.result-grid,.import-layout{grid-template-columns:1fr}.featured-grid{grid-template-columns:repeat(2,1fr)}.site-header{align-items:flex-start}.brand small{display:none}.stats-strip{margin-left:18px;margin-right:18px}}@media(max-width:560px){.site-header{padding:16px}.brand img{width:45px}.brand strong{font-size:16px}nav a{padding:8px;font-size:13px}.hero{margin:8px 12px 18px;border-radius:28px}.hero h1{font-size:42px}.search-box{flex-wrap:wrap}.search-box button{width:100%}.stats-strip{grid-template-columns:1fr}.stats-strip div{border-right:0;border-bottom:1px dashed #ead8cc}.section-heading{align-items:flex-start;gap:12px}.result-count{font-size:12px}.featured-grid{grid-template-columns:1fr 1fr}.results-section,.featured-section,.page-shell{padding-left:15px;padding-right:15px}.word-card{padding:20px}.hanzi{font-size:38px}footer{flex-direction:column;gap:7px}}