:root{color:#f7f7f8;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#161618;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 16% 10%,#5b7eff3d,#0000 30%),radial-gradient(circle at 92% 4%,#fa755f2e,#0000 32%),linear-gradient(#202026 0%,#161618 42%,#101012 100%);min-width:320px;min-height:100vh;margin:0}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}.page-shell{width:min(1180px,100% - 32px);margin:0 auto;padding:28px 0 56px}.nav{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#161618b8;border:1px solid #ffffff14;border-radius:22px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex;position:sticky;top:16px;box-shadow:0 18px 60px #00000040}.brand,.nav-links{align-items:center;display:flex}.brand{gap:10px;font-size:17px;font-weight:700}.brand-mark{background:url(/images/qingkong-logo.png) 50%/cover no-repeat;border-radius:12px;width:34px;height:34px;overflow:hidden;box-shadow:0 0 0 1px #ffffff24,0 8px 28px #487fff6b}.nav-links{color:#b9b9bd;gap:22px;font-size:14px}.nav-links a:hover{color:#fff}.hero{grid-template-columns:minmax(0,1fr) 430px;align-items:center;gap:58px;padding:72px 0 88px;display:grid}.hero-copy{max-width:650px}.eyebrow,.section-kicker{color:#ff766e;letter-spacing:.12em;text-transform:uppercase;margin:0 0 14px;font-size:14px;font-weight:700}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.06em;margin-bottom:22px;font-size:clamp(44px,7vw,82px);line-height:.95}h2{letter-spacing:-.04em;margin-bottom:18px;font-size:clamp(30px,4vw,48px);line-height:1.08}h3{margin-bottom:10px;font-size:20px}.hero-desc,.features>h2+p,.data-section p,.download p{color:#bebec3;font-size:17px;line-height:1.8}.hero-actions,.hero-stats{flex-wrap:wrap;align-items:center;display:flex}.hero-actions{gap:14px;margin-top:34px}.primary-button,.ghost-button{border-radius:999px;justify-content:center;align-items:center;min-height:48px;padding:0 22px;font-weight:700;display:inline-flex}.primary-button{color:#171719;background:#fff;box-shadow:0 14px 38px #ffffff29}.ghost-button{color:#f4f4f5;background:#ffffff0d;border:1px solid #ffffff21}.hero-stats{gap:28px;margin-top:42px}.hero-stats div{gap:6px;display:grid}.hero-stats strong{font-size:28px}.hero-stats span{color:#a3a3a4;font-size:13px}.phone-preview{justify-self:center;position:relative}.phone-preview:before,.phone-preview:after{content:"";filter:blur(8px);border-radius:999px;position:absolute}.phone-preview:before{background:#508eff47;width:130px;height:130px;inset:52px -42px auto auto}.phone-preview:after{background:#ff6d5a2e;width:110px;height:110px;inset:auto auto 42px -36px}.phone-screen{background:#161618;border:1px solid #ffffff1f;border-radius:42px;width:min(390px,100vw - 52px);min-height:780px;padding:22px 16px 18px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 10px #ffffff08,0 36px 90px #0000008c}.city-layer,.rain-layer{pointer-events:none;position:absolute}.city-layer{background:linear-gradient(#0b101c0d,#161618 92%),radial-gradient(circle at 74% 22%,#ffffffe6 0 3px,#0000 4px),linear-gradient(130deg,#2c63b0ad,#14172033 48%),linear-gradient(0deg,#20242d 0 24%,#0000 25%),linear-gradient(145deg,#425a77 0 30%,#0000 31%),linear-gradient(215deg,#0000 0 48%,#334258 49% 64%,#0000 65%);height:360px;inset:0 0 auto}.rain-layer{opacity:.34;background-image:linear-gradient(115deg,#ffffff29 0 1px,#0000 1px),linear-gradient(115deg,#ffffff1a 0 1px,#0000 1px);background-position:0 0,18px 12px;background-size:34px 62px,48px 82px;inset:0}.top-bar,.ticker,.weather-hero-card,.app-card,.hourly-card{z-index:2;position:relative}.top-bar,.ticker,.app-card header,.hourly-card header,.quake-row,.moon-row,.earthquake-panel header{align-items:center;display:flex}.top-bar{color:#ffffffeb;justify-content:space-between;font-size:15px;font-weight:700}.sound-dot{color:#171719;background:#fff;border-radius:50%;place-items:center;width:32px;height:32px;font-size:12px;display:grid}.ticker{color:#ffd7d3;background:#ff52482e;border:1px solid #ff766e52;border-radius:999px;gap:8px;margin-top:12px;padding:7px 8px;font-size:12px}.ticker span:nth-child(2){white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.ticker button,.astronomy-card button,.earthquake-panel button{color:#fff;cursor:pointer;background:#ffffff1f;border:0;border-radius:999px}.ticker button{padding:5px 8px;font-size:11px}.alert-dot{background:#ff6c63;border-radius:50%;width:8px;height:8px;box-shadow:0 0 16px #ff6c63b3}.weather-hero-card{text-align:center;margin-top:62px}.condition{color:#f2f2f3;background:#ffffff1f;border-radius:999px;padding:6px 14px;font-size:13px;display:inline-flex}.weather-hero-card strong{letter-spacing:-.08em;margin-top:4px;font-size:92px;font-weight:300;display:block}.weather-hero-card p{color:#d6d6d8;margin-bottom:0;font-size:14px}.app-card,.hourly-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#252527e0;border:1px solid #ffffff14;border-radius:24px;margin-top:14px;padding:16px;box-shadow:0 18px 48px #0000003d}.app-card header,.hourly-card header{color:#f5f5f6;justify-content:space-between;margin-bottom:14px;font-size:15px;font-weight:700}.astronomy-card button{color:#cbddff;background:#5b87ff33;padding:7px 10px}.moon-row{justify-content:space-between;gap:18px}.moon-row strong{margin-bottom:4px;font-size:34px;display:block}.moon-row span,.quake-row span{color:#a3a3a4;font-size:13px}.moon{background:radial-gradient(circle at 32% 30%,#fffffff2,#0000 8%),radial-gradient(circle at 54% 58%,#1c233ac7,#0000 24%),linear-gradient(90deg,#111520bd 0 34%,#a4b7dae6 55% 100%);border-radius:50%;width:82px;height:82px;box-shadow:0 0 0 1px #88b9ff59,0 0 34px #457aff80}.mini-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px;display:grid}.mini-grid span{color:#a3a3a4;background:#2c2c2f;border-radius:16px;padding:10px 8px;font-size:12px;line-height:1.6}.mini-grid b{color:#fff}.quake-row{gap:12px}.magnitude{color:#fff;background:linear-gradient(145deg,#ff766e,#b92b25);border-radius:18px;flex:none;place-items:center;width:54px;height:54px;font-weight:800;display:grid}.quake-row b{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:5px;font-size:14px;display:-webkit-box;overflow:hidden}.hourly-list{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.hourly-list div{background:#2c2c2f;border-radius:17px;justify-items:center;gap:7px;padding:11px 6px;display:grid}.hourly-list span,.hourly-list small{color:#a3a3a4;font-size:12px}.hourly-list b{font-size:20px}.features,.data-section,.download{background:#ffffff09;border:1px solid #ffffff14;border-radius:36px;margin-top:36px;padding:44px}.features h2{max-width:760px}.feature-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:32px;display:grid}.feature-grid article{background:#252527;border:1px solid #ffffff14;border-radius:28px;min-height:230px;padding:24px}.feature-icon{background:radial-gradient(circle at 70% 30%,#fff 0 10%,#0000 12%),linear-gradient(135deg,#6da8ff,#364cff);border-radius:15px;width:38px;height:38px;margin-bottom:24px;display:block;box-shadow:0 14px 28px #4369ff47}.feature-grid p{color:#b6b6ba;margin-bottom:0;line-height:1.7}.data-section{grid-template-columns:minmax(0,1fr) 420px;align-items:center;gap:36px;display:grid}.earthquake-panel{background:radial-gradient(circle at 100% 0,#ff766e29,#0000 36%),#252527;border:1px solid #ff766e38;border-radius:28px;padding:18px}.earthquake-panel header{justify-content:space-between;margin-bottom:14px;font-weight:700}.earthquake-panel button{padding:8px 13px}.earthquake-panel ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.earthquake-panel li{color:#f1d6d3;background:#ffffff0f;border-radius:18px;padding:14px}.download{min-height:310px;position:relative;overflow:hidden}.download:after{content:"";opacity:.72;background:radial-gradient(circle at 36% 34%,#fffffff0,#0000 9%),linear-gradient(90deg,#1e2640eb,#7697d2d1);border-radius:50%;width:310px;height:310px;position:absolute;bottom:-120px;right:-80px;box-shadow:0 0 80px #4b79ff6b}.download p{max-width:660px}.download .primary-button{z-index:1;margin-top:10px;position:relative}.legal-entry{z-index:1;flex-wrap:wrap;gap:12px;margin-top:22px;display:flex;position:relative}.legal-entry button,.back-button{color:#f7f7f8;cursor:pointer;background:#ffffff12;border:1px solid #ffffff1f;border-radius:999px;min-height:44px;padding:0 18px}.legal-page{padding:58px 0 0}.back-button{color:#cbddff;background:#5b87ff24;margin-bottom:24px}.legal-hero{background:radial-gradient(circle at 88% 10%,#5b7eff4d,#0000 30%),radial-gradient(circle at 10% 0,#ff766e29,#0000 28%),#ffffff09;border:1px solid #ffffff14;border-radius:36px;padding:44px;position:relative;overflow:hidden}.legal-hero h1{max-width:760px;margin-bottom:18px;font-size:clamp(38px,6vw,66px)}.legal-hero p{color:#bdbdc2;margin-bottom:0}.legal-layout{max-width:900px;margin-top:22px;margin-left:auto;margin-right:auto}.legal-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#252527e6;border:1px solid #ffffff14;border-radius:30px;padding:34px;box-shadow:0 20px 58px #00000038}.legal-lead{color:#dfe9ff;background:radial-gradient(circle at 100% 0,#5b87ff2e,#0000 38%),#5b87ff14;border:1px solid #5b87ff33;border-radius:20px;margin-bottom:28px;padding:18px;line-height:1.8}.legal-section{border-top:1px solid #ffffff14;margin-top:26px;padding-top:26px}.legal-section:first-of-type{border-top:0;margin-top:0;padding-top:0}.legal-section h2{letter-spacing:-.02em;margin-bottom:14px;font-size:24px}.legal-section p{color:#c5c5ca;font-size:15px;line-height:1.9}.legal-text-link{color:#9dc4ff;cursor:pointer;background:#5b87ff1f;border:1px solid #9dc4ff3d;border-radius:999px;align-items:center;min-height:38px;padding:0 14px;display:inline-flex}.legal-state{background:#ffffff0f;border-radius:14px;padding:12px 14px}.legal-state.error{color:#ffd7d3;background:#ff524824}.legal-table-wrap{border:1px solid #ffffff14;border-radius:18px;overflow-x:auto}.legal-table{border-collapse:collapse;color:#d8d8dc;width:100%;min-width:680px;font-size:14px}.legal-table.wide{min-width:1180px}.legal-table th,.legal-table td{text-align:left;vertical-align:top;border-bottom:1px solid #ffffff12;padding:14px}.legal-table th{color:#fff;white-space:nowrap;background:#ffffff12}.legal-table tr:last-child td{border-bottom:0}@media (width<=980px){.hero,.data-section{grid-template-columns:1fr}.hero{gap:42px;padding-top:54px}.feature-grid{grid-template-columns:repeat(2,1fr)}.phone-preview{justify-self:start}}@media (width<=640px){.page-shell{width:100%;padding:10px 10px 36px}.nav{border-radius:20px;grid-template-columns:1fr;gap:12px;padding:12px;display:grid;top:8px}.nav-links{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:8px;width:100%;padding-bottom:2px;display:flex;overflow-x:auto}.nav-links::-webkit-scrollbar{display:none}.nav-links a{color:#d8d8dc;background:#ffffff0f;border-radius:999px;flex:none;padding:8px 12px;font-size:13px}.hero{padding:48px 0 54px}h1{font-size:46px}.hero-desc,.data-section p,.download p{font-size:15px}.hero-stats{gap:18px}.phone-screen{border-radius:34px;min-height:730px}.weather-hero-card{margin-top:48px}.weather-hero-card strong{font-size:78px}.features,.data-section,.download,.legal-hero,.legal-card{border-radius:28px;padding:26px}.feature-grid{grid-template-columns:1fr}.feature-grid article{min-height:auto}.data-section{gap:22px}.download:after{width:220px;height:220px}.legal-page{padding-top:24px}.back-button{min-height:40px;margin-bottom:14px;padding:0 14px;font-size:13px}.legal-hero{border-radius:24px;padding:24px 20px}.legal-hero h1{letter-spacing:-.04em;margin-bottom:12px;font-size:32px;line-height:1.08}.legal-hero p{font-size:13px;line-height:1.6}.legal-layout{margin-top:12px}.legal-lead{border-radius:16px;margin-bottom:20px;padding:14px;font-size:14px;line-height:1.8}.legal-section{margin-top:20px;padding-top:20px}.legal-section h2{font-size:20px;line-height:1.35}.legal-section p{font-size:14px;line-height:1.85}.legal-card{border-radius:24px;padding:20px 16px}.legal-table-wrap{border-radius:14px;margin-right:-6px}.legal-table{min-width:560px;font-size:12px}.legal-table.wide{min-width:980px}.legal-table th,.legal-table td{padding:10px}}