:root{color:#0d1b34;font-synthesis:none;text-rendering:optimizelegibility;--ink:#0d1b34;--muted:#62728c;--line:#dde5f0;--blue:#1264f3;--blue-dark:#0847bc;--navy:#0b162c;--surface:#fff;background:#f6f9fd;font-family:Inter,Noto Sans SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}img{max-width:100%;display:block}.shell{width:min(1180px,100% - 40px);margin-inline:auto}.narrow{width:min(760px,100% - 40px)}.section{padding-block:72px}.section-tint{background:#eff4fa}.site-header{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff0;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;min-height:68px;display:flex}.brand{color:var(--ink);letter-spacing:-.03em;align-items:center;gap:10px;font-size:20px;font-weight:800;display:inline-flex}.brand-mark{color:#fff;background:linear-gradient(145deg,#1672ff,#0d50dc);border-radius:11px;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 7px 20px #1264f340}.main-nav{align-items:center;gap:8px;display:flex}.main-nav a{color:#536681;border-radius:12px;align-items:center;gap:7px;padding:10px 12px;font-size:14px;font-weight:700;display:flex}.main-nav a:hover,.main-nav a.active{color:var(--blue);background:#eef5ff}.menu-button{color:var(--ink);background:0 0;border:0;padding:8px;display:none}.hero{background:linear-gradient(100deg,#040e21f5,#040e2170),url(https://images.unsplash.com/photo-1542744173-8e7e53415bb0?auto=format&fit=crop&w=1800&q=85) 50%/cover;align-items:center;min-height:520px;display:grid;position:relative;overflow:hidden}.hero:after{content:"";background:radial-gradient(circle,#1873ff73,#0000 65%);height:500px;position:absolute;inset:auto -8% -40% 48%}.hero-content{z-index:2;color:#fff;padding-block:80px;position:relative}.eyebrow{color:#9ac2ff;letter-spacing:.18em;margin-bottom:15px;font-size:12px;font-weight:800;display:inline-block}.eyebrow.dark{color:var(--blue)}.hero h1{letter-spacing:-.055em;max-width:760px;margin:0;font-size:clamp(44px,6vw,76px);line-height:1.08}.hero h1 strong{color:#52a1ff}.hero p{color:#d6dfed;max-width:680px;margin:22px 0 0;font-size:19px;line-height:1.75}.button-row{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.button{border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:0 22px;font-weight:800;display:inline-flex}.button.primary{color:#fff;background:var(--blue);box-shadow:0 10px 30px #1264f359}.button.primary:hover{background:var(--blue-dark)}.button.secondary{color:#fff;background:#ffffff1f;border:1px solid #ffffff59}.service-grid,.benefit-grid,.content-grid,.article-grid{gap:24px;display:grid}.service-grid{grid-template-columns:repeat(3,1fr)}.service-card{border:1px solid var(--line);background:var(--surface);border-radius:20px;padding:30px;box-shadow:0 12px 40px #182b4a12}.service-card h2{margin:20px 0 8px;font-size:20px}.service-card p,.benefit p,.section-heading p,.page-hero p,.content-card p,.article-card p,.status-card p,.site-footer p{color:var(--muted);line-height:1.7}.service-card a,.content-card a,.article-card a{color:var(--blue);align-items:center;gap:5px;margin-top:16px;font-weight:800;display:inline-flex}.service-icon{border-radius:14px;place-items:center;width:46px;height:46px;display:grid}.service-icon.blue{color:#1264f3;background:#e8f1ff}.service-icon.green{color:#0a9d5c;background:#e4faef}.service-icon.purple{color:#8b32da;background:#f4e9ff}.section-heading{text-align:center;margin-bottom:34px}.section-heading h2,.page-hero h1{letter-spacing:-.04em;margin:0;font-size:clamp(32px,4vw,48px)}.benefit-grid{grid-template-columns:repeat(4,1fr)}.benefit{text-align:center;background:#fff;border-radius:18px;padding:28px 20px}.benefit>span{width:44px;height:44px;color:var(--blue);background:#edf5ff;border-radius:50%;place-items:center;margin:auto;display:grid}.benefit h3{margin:14px 0 5px}.benefit p{margin:0;font-size:14px}.page-hero{background:radial-gradient(circle at 85% 10%,#1f70ff24,#0000 30%),linear-gradient(#f7faff,#eef4fb);padding-block:72px 48px}.page-hero-inner{justify-content:space-between;align-items:end;gap:30px;display:flex}.centered{text-align:center}.search-box{border:1px solid var(--line);color:#8ca0bb;background:#fff;border-radius:16px;align-items:center;gap:10px;width:min(380px,100%);min-height:52px;padding:0 18px;display:flex;box-shadow:0 12px 30px #1f35550f}.search-box.wide{width:min(580px,100%);margin:28px auto 0}.search-box input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1}.content-grid{grid-template-columns:repeat(3,1fr)}.content-card{border:1px solid var(--line);background:#fff;border-radius:20px;flex-direction:column;min-height:290px;padding:26px;display:flex;box-shadow:0 10px 28px #182b4a0f}.content-card-icon{width:52px;height:52px;color:var(--blue);background:#eaf2ff;border-radius:16px;place-items:center;margin-bottom:24px;display:grid}.content-card h2{font-size:20px}.content-card a{margin-top:auto}.pill{color:var(--blue);background:#eef5ff;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800;display:inline-flex}.article-grid{grid-template-columns:repeat(3,1fr)}.article-card{border:1px solid var(--line);background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 10px 28px #182b4a0f}.article-cover{aspect-ratio:16/9;color:#9ac2ff;background:linear-gradient(145deg,#1b69ed,#00a3bb);place-items:center;display:grid}.article-cover img{object-fit:cover;width:100%;height:100%}.article-body{padding:24px}.article-body h2{min-height:55px;font-size:20px;line-height:1.35}.article-body p{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.status-card{border:1px solid var(--line);background:#fff;border-radius:20px;align-items:flex-start;gap:18px;padding:30px;display:flex}.status-card>svg{color:var(--blue);flex:none}.status-card h2{margin:0 0 5px}.status-card p{margin:0}.skeleton-card{border:1px solid var(--line);background:#fff;border-radius:20px;min-height:250px;padding:28px}.skeleton-card span{background:linear-gradient(90deg,#edf1f7,#f7f9fc,#edf1f7) 0 0/200% 100%;border-radius:8px;height:16px;margin-bottom:20px;animation:1.5s infinite shimmer;display:block}.skeleton-card span:first-child{width:55px;height:55px}.skeleton-card span:nth-child(3){width:70%}@keyframes shimmer{to{background-position:-200% 0}}.prose{max-width:820px}.prose h1{font-size:42px}.prose p{color:var(--muted);font-size:17px;line-height:1.85}.site-footer{color:#d9e3f1;background:var(--navy);padding-top:64px}.footer-grid{grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:48px;display:grid}.brand-inverse{color:#fff}.site-footer h3{color:#fff;margin:0 0 20px;font-size:15px}.site-footer a{color:#91a3bd;margin-block:12px;font-size:14px;display:block}.site-footer a:hover{color:#fff}.site-footer p{color:#91a3bd;font-size:14px}.channel-line{color:#b7c4d6;gap:8px;margin-block:12px;font-size:14px;display:flex}.copyright{color:#647793;text-align:center;letter-spacing:.15em;border-top:1px solid #ffffff14;margin-top:56px;padding-block:24px;font-size:12px}.admin-center,.admin-login{background:#eff4fa;place-items:center;min-height:100vh;display:grid}.admin-loader{border:4px solid #d8e3f2;border-top-color:var(--blue);border-radius:50%;width:42px;height:42px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.admin-login{background:radial-gradient(circle at 20% 10%,#dceaff,#0000 30%),#eef3fa;padding:24px}.login-card{border:1px solid var(--line);background:#fff;border-radius:24px;width:min(440px,100%);padding:38px;box-shadow:0 24px 80px #182b4a29}.login-card h1{margin:0;font-size:34px}.login-card>p{color:var(--muted)}.login-icon{width:54px;height:54px;color:var(--blue);background:#eaf2ff;border-radius:16px;place-items:center;margin-bottom:20px;display:grid}.login-card label,.article-form label{gap:8px;margin-block:18px;font-weight:700;display:grid}.login-card input,.article-form input,.article-form textarea,.article-form select{width:100%;color:var(--ink);background:#fff;border:1px solid #ccd7e6;border-radius:12px;outline:none;padding:12px 14px}.login-card input:focus,.article-form input:focus,.article-form textarea:focus,.article-form select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #1264f31f}.login-card .button{cursor:pointer;border:0;width:100%}.login-card>a{color:var(--blue);text-align:center;margin-top:20px;font-weight:700;display:block}.form-error{color:#a51d2d;background:#fff0f2;border:1px solid #f2bdc3;border-radius:10px;margin-block:16px;padding:12px 14px}.admin-shell{background:#f3f6fa;grid-template-columns:250px 1fr;min-height:100vh;display:grid}.admin-sidebar{color:#fff;background:var(--navy);flex-direction:column;height:100vh;padding:28px 20px;display:flex;position:sticky;top:0}.admin-sidebar nav{gap:7px;margin-top:36px;display:grid}.admin-sidebar button{color:#9fb0c8;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:11px;align-items:center;gap:10px;padding:12px 14px;display:flex}.admin-sidebar button svg{width:18px}.admin-sidebar button:hover,.admin-sidebar button.active{color:#fff;background:#ffffff1a}.admin-sidebar .admin-logout{color:#f0a8af;margin-top:auto}.admin-main{min-width:0}.admin-topbar{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;gap:20px;min-height:74px;padding:0 34px;display:flex}.admin-topbar>div{gap:3px;display:grid}.admin-topbar span,.admin-topbar small{color:var(--muted);font-size:12px}.admin-user{text-align:right}.admin-user span{color:var(--ink);font-size:14px;font-weight:800}.admin-content{padding:34px}.admin-stat-grid{grid-template-columns:repeat(5,1fr);gap:16px;display:grid}.admin-stat-grid article{border:1px solid var(--line);background:#fff;border-radius:16px;gap:12px;padding:24px;display:grid}.admin-stat-grid span{color:var(--muted);font-size:13px}.admin-stat-grid strong{font-size:32px}.admin-note{color:#155c3d;background:#ecfbf3;border:1px solid #bfe5d2;border-radius:16px;gap:16px;margin-top:24px;padding:26px;display:flex}.admin-note h2{margin:0 0 6px;font-size:18px}.admin-note p{color:#3f755e;margin:0}.admin-actions,.form-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.admin-actions h2,.form-heading h2{margin:0}.admin-actions p,.form-heading p{color:var(--muted);margin:4px 0 0}.admin-actions .button{cursor:pointer;border:0}.admin-table{border:1px solid var(--line);background:#fff;border-radius:16px;overflow:hidden}.admin-table article{border-bottom:1px solid var(--line);grid-template-columns:1fr 110px 130px;align-items:center;gap:20px;padding:18px 20px;display:grid}.admin-table article:last-child{border-bottom:0}.admin-table article>div:first-child{grid-template-columns:10px 1fr;align-items:center;gap:6px 10px;display:grid}.admin-table small{color:var(--muted);grid-column:2}.status-dot{background:#9eabbc;border-radius:50%;width:8px;height:8px}.status-dot.published{background:#0aa464}.article-status{color:var(--muted);font-size:13px}.row-actions{justify-content:flex-end;gap:8px;display:flex}.row-actions button,.form-heading button{color:var(--blue);cursor:pointer;background:#edf5ff;border:0;border-radius:8px;padding:7px 10px}.row-actions button.danger{color:#b12838;background:#fff0f2}.empty-row{color:var(--muted);text-align:center;padding:42px}.article-form{border:1px solid var(--line);background:#fff;border-radius:18px;max-width:900px;padding:28px}.article-form textarea{resize:vertical;line-height:1.6}.article-form>.button{cursor:pointer;border:0}@media (width<=900px){.menu-button{display:grid}.main-nav{border:1px solid var(--line);background:#fff;border-radius:16px;flex-direction:column;align-items:stretch;padding:12px;display:none;position:absolute;inset:68px 20px auto;box-shadow:0 18px 50px #14264129}.main-nav.open{display:flex}.service-grid,.content-grid,.article-grid,.benefit-grid,.footer-grid{grid-template-columns:repeat(2,1fr)}.admin-shell{grid-template-columns:76px 1fr}.admin-sidebar{padding:24px 12px}.admin-sidebar .brand span:last-child,.admin-sidebar button:not(.admin-logout){font-size:0}.admin-sidebar button svg{width:20px;height:20px}.admin-stat-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.shell{width:min(100% - 28px,1180px)}.section{padding-block:52px}.hero{min-height:560px}.hero h1{font-size:43px}.hero p{font-size:16px}.page-hero-inner{flex-direction:column;align-items:stretch}.service-grid,.benefit-grid,.content-grid,.article-grid,.footer-grid{grid-template-columns:1fr}.site-footer{padding-top:48px}.admin-shell{display:block}.admin-sidebar{flex-direction:row;align-items:center;gap:8px;width:100%;height:auto;position:static}.admin-sidebar nav{margin:0 0 0 auto;display:flex}.admin-sidebar .admin-logout{margin:0}.admin-sidebar .brand span:last-child{display:none}.admin-topbar,.admin-content{padding-inline:18px}.admin-stat-grid{grid-template-columns:1fr 1fr}.admin-table article{grid-template-columns:1fr}.row-actions{justify-content:flex-start}}