@charset "UTF-8";
:root{
--bg:#eef1f5;--paper:#fff;--ink:#232832;--muted:#68707c;
--teal:#0d9488;--teal-ink:#f0fdfa;--teal-light:#ccfbf1;
--amber:#d97706;--amber-ink:#fffbeb;
--line:#d1d5db;--shadow:0 8px 24px rgba(35,40,50,.07);
--wide:1160px;
--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;
--r:6px;
--cta-fill:#0f172a;--cta-edge:#22d3ee;--cta-accent:#22d3ee;--cta-accent-2:#f472b6;
--cta-ink:#f0fdfa;--cta-radius:12px
}
.site-cta{position:fixed;z-index:99;left:50%;bottom:24px;transform:translateX(-50%);
width:min(480px,calc(100% - 32px));min-height:60px;padding:18px 32px;
display:flex;align-items:center;justify-content:center;gap:14px;
border-radius:var(--cta-radius);border:2px solid var(--cta-edge);
background:var(--cta-fill);color:var(--cta-ink);
font-size:18px;font-weight:800;letter-spacing:.04em;text-decoration:none;
box-shadow:0 0 40px rgba(34,211,238,.4),0 0 80px rgba(34,211,238,.2),0 8px 32px rgba(0,0,0,.5);
animation:cta-pulse 2s ease-in-out infinite,cta-glow 3s ease-in-out infinite}
.site-cta:hover{text-decoration:none;transform:translateX(-50%) scale(1.02);
box-shadow:0 0 60px rgba(34,211,238,.6),0 0 100px rgba(244,114,182,.3),0 12px 40px rgba(0,0,0,.6)}
.cta-label{position:relative;z-index:1;
animation:cta-text-breathe 2s ease-in-out infinite,cta-text-shimmer 4s linear infinite;
background:linear-gradient(90deg,var(--cta-ink) 0%,var(--cta-edge) 50%,var(--cta-ink) 100%);
background-size:200% 100%;-webkit-background-clip:text;background-clip:text;text-fill-color:transparent;
-webkit-text-fill-color:transparent}
.cta-ring{position:absolute;inset:-4px;border-radius:calc(var(--cta-radius) + 4px);
border:2px solid var(--cta-accent);opacity:0;
animation:cta-ring-expand 2.5s ease-out infinite}
.cta-ring.b{border-color:var(--cta-accent-2);animation-delay:1.25s}
.cta-glow-ball{position:absolute;width:100px;height:100px;border-radius:50%;filter:blur(30px);opacity:.6;pointer-events:none}
.cta-glow-ball.a{left:-20px;top:-30px;background:var(--cta-accent);animation:cta-float-a 4s ease-in-out infinite}
.cta-glow-ball.b{right:-20px;bottom:-30px;background:var(--cta-accent-2);animation:cta-float-b 4s ease-in-out infinite}
@keyframes cta-pulse{0%,100%{transform:translateX(-50%) scale(1)}50%{transform:translateX(-50%) scale(1.03)}}
@keyframes cta-glow{0%,100%{box-shadow:0 0 40px rgba(34,211,238,.4),0 0 80px rgba(34,211,238,.2),0 8px 32px rgba(0,0,0,.5)}
50%{box-shadow:0 0 60px rgba(34,211,238,.6),0 0 100px rgba(244,114,182,.3),0 8px 32px rgba(0,0,0,.5)}}
@keyframes cta-text-breathe{0%,100%{opacity:1}50%{opacity:.85}}
@keyframes cta-text-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}
@keyframes cta-ring-expand{0%{transform:scale(1);opacity:.6}100%{transform:scale(1.3);opacity:0}}
@keyframes cta-float-a{0%,100%{transform:translate(0,0)}50%{transform:translate(30px,20px)}}
@keyframes cta-float-b{0%,100%{transform:translate(0,0)}50%{transform:translate(-30px,-20px)}}
@media(max-width:640px){.site-cta{left:16px;right:16px;transform:none;width:auto;bottom:calc(16px + env(safe-area-inset-bottom));
font-size:16px;padding:14px 24px}
.site-cta:hover{transform:scale(1.02)}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.7 ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans SC",sans-serif;overflow-wrap:anywhere}
h1,h2,h3{overflow-wrap:anywhere;word-break:break-word}
a{color:var(--teal);text-decoration:none}
a:hover{text-decoration:underline}
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--teal);outline-offset:2px}

.top-bar{position:sticky;top:0;z-index:20;background:var(--paper);border-bottom:2px solid var(--teal)}
.bar-inner{max-width:var(--wide);margin:auto;min-height:68px;padding:0 var(--s5);display:flex;align-items:center;gap:var(--s6)}
.brand{display:flex;align-items:center;gap:var(--s3);color:var(--ink);text-decoration:none;min-width:180px}
.brand-icon{width:42px;height:38px;background:var(--teal);color:var(--teal-ink);display:grid;place-items:center;font-weight:900;font-size:18px;border-radius:var(--r)}
.brand-text b{display:block;font-size:20px;line-height:1.15}
.brand-text small{display:block;font-size:11px;color:var(--muted);line-height:1.2}
.main-nav{display:flex;gap:var(--s5);align-items:center;margin-left:auto}
.main-nav a{color:var(--muted);font-size:15px;padding:var(--s2) 0;border-bottom:2px solid transparent}
.main-nav a:hover,.main-nav a.active{color:var(--teal);border-color:var(--teal);text-decoration:none}
.menu-toggle{display:none;border:1px solid var(--line);background:var(--paper);padding:var(--s2) var(--s3);border-radius:var(--r);color:var(--teal)}

.page-main{min-height:60vh}
.page-frame{max-width:var(--wide);margin:auto;padding:var(--s7) var(--s5) 150px}
.crumb{font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:var(--teal);margin:0 0 var(--s2)}
.page-frame>h1{font-size:clamp(32px,4vw,48px);line-height:1.2;margin:var(--s3) 0 var(--s6);max-width:900px}

.hero-section{display:grid;grid-template-columns:1.3fr .7fr;gap:var(--s6);align-items:start;margin-bottom:var(--s6)}
.hero-main{background:var(--paper);border-radius:var(--r);box-shadow:var(--shadow);padding:var(--s6);border-left:4px solid var(--teal)}
.hero-main h2{font-size:clamp(28px,4vw,42px);line-height:1.2;margin:0 0 var(--s4)}
.hero-main p{font-size:18px;color:#5a6270;margin:0;max-width:680px}
.hero-side{background:linear-gradient(135deg,var(--teal),#0f766e);border-radius:var(--r);padding:var(--s5);color:var(--teal-ink)}
.hero-side h3{font-size:18px;margin:0 0 var(--s3)}
.hero-side ul{margin:0;padding:0;list-style:none}
.hero-side li{padding:var(--s2) 0;border-top:1px solid rgba(255,255,255,.15);font-size:14px}
.hero-side li:first-child{border-top:none}

.quick-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s4);margin-bottom:var(--s7)}
.quick-item{background:var(--paper);border-radius:var(--r);padding:var(--s4);box-shadow:var(--shadow);text-align:center;border-top:3px solid var(--teal)}
.quick-item b{display:block;color:var(--teal);font-size:22px}
.quick-item span{display:block;font-size:13px;color:var(--muted);margin-top:var(--s1)}

.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s4)}
.news-card{background:var(--paper);border-radius:var(--r);box-shadow:var(--shadow);padding:var(--s5);display:flex;flex-direction:column;border-top:3px solid var(--amber)}
.card-tag{display:inline-block;background:var(--amber);color:var(--amber-ink);font-size:11px;font-weight:800;padding:4px 10px;border-radius:99px;margin-bottom:var(--s3);width:fit-content}
.news-card h3{font-size:19px;margin:0 0 var(--s2);line-height:1.35}
.news-card p{font-size:14px;color:var(--muted);margin:0 0 var(--s4);flex:1;line-height:1.65}
.card-more{font-size:13px;font-weight:700;color:var(--teal)}

.section-intro{background:var(--paper);border-radius:var(--r);box-shadow:var(--shadow);padding:var(--s6);margin-bottom:var(--s6);border-left:4px solid var(--teal)}
.section-intro h2{font-size:32px;margin:0 0 var(--s3)}
.section-intro p{font-size:18px;color:#5a6270;margin:0;max-width:700px}

.filter-bar{display:flex;gap:var(--s4);align-items:center;margin-bottom:var(--s5);flex-wrap:wrap}
.filter-bar input{flex:1;min-width:200px;max-width:320px;padding:10px 14px;border:1px solid var(--line);border-radius:var(--r);background:var(--paper)}
.filter-tabs{display:flex;gap:var(--s2)}
.filter-btn{border:0;background:var(--paper);color:var(--muted);padding:var(--s2) var(--s4);border-radius:var(--r);cursor:pointer;font-size:14px}
.filter-btn:hover,.filter-btn.active{background:var(--teal);color:var(--teal-ink)}

.article-page{max-width:860px}
.article-head{background:var(--paper);border-radius:var(--r);box-shadow:var(--shadow);padding:var(--s6);margin-bottom:var(--s5);border-left:4px solid var(--teal)}
.article-head h2{font-size:clamp(28px,4vw,42px);line-height:1.2;margin:var(--s2) 0 var(--s4)}
.article-meta{display:flex;gap:var(--s3);flex-wrap:wrap}
.article-meta span{font-size:13px;background:var(--teal-light);color:var(--cta-accent-ink);padding:5px 12px;border-radius:99px}

.article-body{background:var(--paper);border-radius:var(--r);box-shadow:var(--shadow);padding:var(--s7)}
.article-body p{font-size:18px;line-height:1.9;margin:0 0 var(--s5)}
.check-list{display:flex;gap:var(--s3);align-items:center;flex-wrap:wrap;padding:var(--s4) 0;border-top:1px solid var(--line);margin-top:var(--s4)}
.check-list b{color:var(--teal);margin-right:var(--s2)}
.check-list span{font-size:13px;color:var(--muted)}
.privacy-box{padding:var(--s4) 0;border-top:1px solid var(--line)}
.privacy-box summary{cursor:pointer;color:var(--teal);font-weight:800;font-size:15px}
.privacy-box p{font-size:14px;color:var(--muted);margin-top:var(--s3)}
.next-articles{display:flex;gap:var(--s4);flex-wrap:wrap;padding-top:var(--s5)}
.next-articles b{color:var(--muted);font-size:13px}
.next-articles a{font-size:14px}

.plain-page{background:var(--paper);border-radius:var(--r);box-shadow:var(--shadow);padding:var(--s7);max-width:780px}
.plain-page .lead{font-size:20px}
.plain-page h2{font-size:26px;margin:var(--s6) 0 var(--s3)}
.plain-page p{font-size:17px}
.solid-btn{display:inline-block;background:var(--teal);color:var(--teal-ink);padding:11px 20px;border-radius:var(--r);text-decoration:none;font-weight:700}

.site-foot{max-width:var(--wide);margin:auto;padding:var(--s7) var(--s5) 150px;border-top:2px solid var(--teal);color:var(--muted)}
.foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--s7)}
.foot-brand a{font-size:22px;font-weight:900;color:var(--ink);text-decoration:none}
.foot-brand p{font-size:14px;max-width:320px;margin-top:var(--s2)}
.foot-links strong{display:block;color:var(--ink);font-size:13px;margin-bottom:var(--s3)}
.foot-links a{display:block;font-size:14px;margin-bottom:var(--s2)}
.foot-end{border-top:1px solid var(--line);padding-top:var(--s4);margin-top:var(--s7);font-size:12px}

.empty-note{text-align:center;color:var(--muted);padding:var(--s7);grid-column:1/-1}

@media(max-width:960px){
.hero-section{grid-template-columns:1fr}
.news-grid{grid-template-columns:repeat(2,1fr)}
.quick-bar{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
.bar-inner{min-height:60px;padding:0 var(--s4)}
.brand{min-width:0}.brand-text b{font-size:18px}
.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:60px;left:0;right:0;background:var(--paper);border-bottom:2px solid var(--teal);padding:var(--s3) var(--s4);flex-direction:column;align-items:stretch;gap:0;box-shadow:var(--shadow)}
.main-nav.open{display:flex}.main-nav a{padding:var(--s3) 0}
.page-frame{padding:var(--s6) var(--s4) 148px}
.hero-section{margin-bottom:var(--s5)}.hero-main{padding:var(--s5)}.hero-main h2{font-size:28px}
.quick-bar{grid-template-columns:1fr 1fr;gap:var(--s3)}
.news-grid{grid-template-columns:1fr;gap:var(--s3)}
.filter-bar{flex-direction:column;align-items:stretch}
.filter-bar input{max-width:none}
.section-intro{padding:var(--s5)}.section-intro h2{font-size:28px}
.article-head{padding:var(--s5)}.article-head h2{font-size:28px}
.article-body{padding:var(--s5)}.article-body p{font-size:17px;line-height:1.85}
.foot-grid{grid-template-columns:1fr 1fr;gap:var(--s5)}.foot-grid>div:first-child{grid-column:1/-1}
}