@charset "UTF-8";
@layer foundation, composition, components, movement, responsive;

@layer foundation {
  :root { --ink:#173b3e; --muted:#62787a; --cyan:#08aaa6; --mint:#d9f7ee; --line:#dce9e5; --paper:#fbfdfb; --ease:cubic-bezier(.2,.75,.25,1); font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif; color:var(--ink); background:var(--paper); }
  *,*::before,*::after { box-sizing:border-box; }
  html { scroll-behavior:smooth; scroll-padding-top:105px; }
  body { margin:0; font-size:14px; line-height:1.7; }
  h1,h2,h3,p,figure,blockquote { margin:0; }
  h2,h3 { line-height:1.35; }
  a { color:inherit; text-decoration:none; }
  button,input { font:inherit; color:inherit; }
  button { cursor:pointer; }
  button,summary,a,input { -webkit-tap-highlight-color:transparent; }
  button { border:0; background:none; }
  img { display:block; width:100%; height:100%; object-fit:cover; }
  input { min-width:0; }
  [hidden] { display:none!important; }
  :focus-visible { outline:3px solid #187bca; outline-offset:5px; border-radius:3px; }
  ::selection { color:#073d3d; background:#a3eee0; }
  a,button { touch-action:manipulation; }
}

@layer composition {
  .r4c9t2w6h { width:min(1220px,calc(100% - 80px)); margin-inline:auto; }
  .k8m3v6p2d { position:sticky; top:0; z-index:40; background:#fbfdfbf5; backdrop-filter:blur(18px); border-bottom:1px solid var(--line); }
  .u7q2f8m5a { min-height:88px; display:flex; align-items:center; gap:34px; }
  .h4n7c9v2m { margin-left:auto; display:flex; gap:32px; align-items:center; }
  .a2k7p5m9v { padding:24px 0 20px; background:radial-gradient(ellipse at 90% 0%,#c7f6e99c,transparent 58%),#effaf6; border-bottom:1px solid var(--line); }
  .m6r2x8c4j { display:flex; justify-content:space-between; align-items:center; gap:20px; }
  .g7t3k9d2n { display:grid; grid-template-columns:1.1fr 1fr; align-items:end; gap:40px; padding:30px 0 34px; }
  .g7t3k9d2n h2 { font-size:clamp(46px,4.6vw,67px); letter-spacing:-3px; font-weight:900; line-height:1.2; }
  .g7t3k9d2n h2 span { color:var(--cyan); }
  .v2s8f4m9q { padding:0 0 3px 34px; border-left:1px solid #bddfd4; }
  .w6k2c8n4t { display:flex; align-items:center; flex-wrap:wrap; gap:24px; margin-top:23px; }
  .n8t2r6m4c { padding:34px 0 42px; display:grid; grid-template-columns:205px 1fr; align-items:center; gap:25px; border-bottom:1px solid var(--line); }
  .t8w3n6p2r { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:25px; }
  .b4q8m2c7k { padding:65px 0; }
  .r9f2k6w3m { display:flex; justify-content:space-between; align-items:end; gap:25px; margin-bottom:28px; }
  .r9f2k6w3m h2 { font-size:31px; letter-spacing:-1px; }
  .r9f2k6w3m h2>span { font-size:13px; font-weight:400; color:var(--muted); margin-left:20px; letter-spacing:0; }
  .g4w9p2n6c { display:grid; grid-template-columns:1.55fr 1fr 1fr; gap:22px; align-items:start; }
  .s6j2r8w4n { padding:55px 0 62px; background:#eff5f2; border-block:1px solid var(--line); }
  .q7n3c8m2w { display:grid; grid-template-columns:215px minmax(0,1fr); gap:48px; align-items:start; }
  .w9c2m7r4k { border-top:1px solid #c8d9d2; }
  .f4w8k2n6m { padding:65px 0 72px; }
  .x6c2r8n4m { list-style:none; padding:0; margin:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
  .v8r3m6w2n { background:#123d40; color:#ecfaf5; padding:60px 0; overflow:hidden; }
  .p9c4n2r7w { display:grid; grid-template-columns:1fr 1.35fr; align-items:center; gap:80px; }
  .w8n2r6c4m { min-width:0; display:flex; flex-direction:column; align-items:center; }
  .p3n8c2w6r { padding:65px 0; border-bottom:1px solid var(--line); }
  .j9r2w6c4m { list-style:none; padding:0; margin:35px 0 0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:38px; }
  .u2r7c4w9m { padding:60px 0; }
  .b8w4c2r9n { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; margin-top:22px; }
  .k2c7n4w9r { display:grid; grid-template-columns:1fr 1.8fr; gap:80px; padding:32px 0 65px; }
  .z4r8n2c6w { padding-bottom:70px; }
  .q2w7c4n9m { display:grid; grid-template-columns:1.3fr 1fr; gap:90px; padding:46px 55px; background:#d6f5eb; position:relative; border:1px solid #b8ddcf; }
  .w4n9c2r7m { display:grid; grid-template-columns:280px 1fr; gap:60px; padding-bottom:65px; }
  .m9c4r2n7w { display:grid; grid-template-columns:1fr 1fr; gap:22px 30px; }
  .r8c3w6n2m { background:#eaf3ee; border-top:1px solid #d6e5dc; padding-top:30px; }
  .p2w9n4c7r { display:flex; align-items:center; justify-content:space-between; gap:20px; padding-bottom:25px; }
  .f2n7w4c9r { display:grid; grid-template-columns:170px 1fr; gap:20px; padding:24px 0; border-block:1px solid #d0dfd6; }
  .c8r2n6w4m { display:flex; justify-content:space-between; gap:20px; padding:22px 0; }
  .n7c2w9r4m { display:none; }
}

@layer components {
  .n5x2m9f7q { position:fixed; z-index:100; top:10px; left:10px; padding:12px 20px; background:#fff; transform:translateY(-150%); }
  .n5x2m9f7q:focus { transform:translateY(0); }
  .b3w8n2j6s { font-size:25px; font-weight:900; white-space:nowrap; line-height:1.2; }
  .b3w8n2j6s>a { display:flex; align-items:center; gap:11px; }
  .b3w8n2j6s small { display:block; font-size:8px; letter-spacing:2px; margin-top:5px; font-weight:500; }
  .t6j9c3r2w { width:38px; height:36px; display:grid; grid-template-columns:1fr 1fr; gap:4px; transform:rotate(-6deg); }
  .t6j9c3r2w i { border:2px solid var(--ink); background:#8fe2d5; border-radius:3px; position:relative; }
  .t6j9c3r2w i:first-child { height:28px; }
  .t6j9c3r2w i:last-child { margin-top:7px; background:#17b9b4; }
  .t6j9c3r2w i::after { content:""; position:absolute; height:7px; width:2px; background:var(--ink); top:7px; left:5px; }
  .h4n7c9v2m a { padding:31px 0; font-size:13px; font-weight:600; position:relative; white-space:nowrap; }
  .h4n7c9v2m a::after { content:""; position:absolute; width:0; height:3px; bottom:20px; left:0; background:var(--cyan); transition:width .25s; }
  .h4n7c9v2m a[aria-current] { color:#00837f; }
  .h4n7c9v2m a:hover::after,.h4n7c9v2m a[aria-current]::after { width:100%; }
  .s8v3d5n9k { font-size:12px; font-weight:650; border:1px solid #aecdc3; border-radius:5px; padding:9px 16px; white-space:nowrap; }
  .s8v3d5n9k>span { padding-right:6px; font-size:17px; }
  .s8v3d5n9k:hover { background:#e4f8f1; border-color:var(--cyan); }
  .p7a4w9k2f { position:relative; }
  .p7a4w9k2f summary { cursor:pointer; list-style:none; display:flex; align-items:center; gap:8px; font-size:11px; white-space:nowrap; min-height:44px; }
  summary::-webkit-details-marker { display:none; }
  .e3t8x4q6c { width:18px; display:grid; gap:5px; }
  .e3t8x4q6c i { height:2px; background:var(--ink); display:block; }
  .e3t8x4q6c i:last-child { width:12px; margin-left:auto; }
  .p7a4w9k2f nav { position:absolute; top:60px; right:0; width:380px; background:#fff; box-shadow:0 20px 60px #173b3e22; border:1px solid var(--line); display:grid; grid-template-columns:1fr 1fr; padding:18px; gap:5px; border-radius:6px; }
  .p7a4w9k2f nav a { font-size:12px; padding:11px 10px; border-radius:3px; }
  .p7a4w9k2f nav a:hover { background:#e9f8f1; color:#007e79; }
  .f9c4w2h7r { color:#00857f; font-size:10px; font-weight:700; letter-spacing:1.5px; margin-bottom:12px; }
  .m6r2x8c4j .f9c4w2h7r { margin-bottom:0; display:flex; align-items:center; gap:8px; }
  .m6r2x8c4j .f9c4w2h7r>span { font-size:23px; line-height:1; }
  .m6r2x8c4j>p:last-child { font-size:10px; color:#607e73; letter-spacing:1px; }
  .z7h4p2w8d { font-size:18px; font-weight:700; margin-bottom:8px; }
  .v2s8f4m9q>p:not(.z7h4p2w8d) { color:var(--muted); font-size:13px; line-height:1.9; }
  .c4n8w2q7j { min-height:44px; padding:11px 20px; border-radius:4px; background:linear-gradient(110deg,#08a1a7,#08bca6); color:white; display:inline-flex; align-items:center; justify-content:space-between; gap:28px; font-size:13px; font-weight:650; box-shadow:0 5px 16px #008f8d21; transition:transform .25s,box-shadow .25s; }
  .c4n8w2q7j:hover { transform:translateY(-3px); box-shadow:0 8px 22px #008f8d40; }
  .c4n8w2q7j>span { font-size:19px; line-height:1; }
  .y9m3r6t2k { font-size:12px; font-weight:600; padding:8px 0; display:inline-flex; align-items:center; gap:20px; }
  .y9m3r6t2k:hover { color:#00847f; }
  .y9m3r6t2k>span { font-size:18px; }
  .q4d9b2n7w { border:1px solid #9acabd; border-radius:7px; overflow:hidden; background:#fff; box-shadow:5px 5px 0 #bde4d7; }
  .j8p2v6c4m { display:flex; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; overscroll-behavior-x:contain; }
  .j8p2v6c4m::-webkit-scrollbar { display:none; }
  .c7r2f9w4k { display:grid; grid-template-columns:1.8fr 1fr; flex:0 0 100%; min-width:0; scroll-snap-align:start; scroll-snap-stop:always; height:340px; }
  .d9q3m8s2v { position:relative; overflow:hidden; background:#89c7b4; }
  .d9q3m8s2v img { object-position:center 38%; }
  .d9q3m8s2v::after { content:""; position:absolute; inset:0; border:10px solid #ffffff18; pointer-events:none; }
  .d9q3m8s2v>span { position:absolute; bottom:19px; left:22px; font-size:10px; letter-spacing:2px; background:#effbf2ed; padding:5px 10px; z-index:1; }
  .w3f8k2r6n { position:relative; padding:28px 32px; overflow:hidden; background:#fafff8; border-left:1px solid #9acabd; }
  .w3f8k2r6n .f9c4w2h7r { font-size:9px; margin-bottom:14px; }
  .w3f8k2r6n h3 { font-size:29px; line-height:1.35; letter-spacing:-1px; margin-bottom:15px; position:relative; z-index:1; }
  .w3f8k2r6n>p:not(.f9c4w2h7r) { font-size:12px; line-height:1.9; color:var(--muted); }
  .w3f8k2r6n>a { display:flex; justify-content:space-between; align-items:center; font-size:11px; font-weight:700; margin-top:21px; padding-top:12px; border-top:1px solid var(--line); position:relative; z-index:1; }
  .w3f8k2r6n>a:hover { color:#008b83; }
  .w3f8k2r6n>a>span { font-size:21px; }
  .k3v7n2m9c { position:absolute; right:9px; top:65px; color:#36afa00e; font-size:57px; font-weight:900; line-height:1.15; transform:rotate(-9deg); pointer-events:none; }
  .l7n2x5r9c { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:11px 19px; border-top:1px solid #b8d9cd; }
  .l7n2x5r9c>p { font-size:11px; }
  .l7n2x5r9c b { font-size:15px; }
  .l7n2x5r9c>p>span { color:#729086; margin-left:5px; }
  .l7n2x5r9c>p>.d4w8j2p6m { margin-left:24px; }
  .u9c3n7w2f { display:flex; align-items:center; gap:8px; }
  .u9c3n7w2f>button:not(.e7m2q8v4p) { width:24px; height:30px; position:relative; padding:0; }
  .u9c3n7w2f>button:not(.e7m2q8v4p)::after { content:""; display:block; width:20px; height:3px; background:#c7dfd4; transition:background .2s; }
  .u9c3n7w2f>button[aria-pressed="true"]::after { background:#009c94; }
  .u9c3n7w2f>.e7m2q8v4p { min-width:32px; min-height:32px; border:1px solid #d2e3da; border-radius:3px; font-size:15px; }
  .u9c3n7w2f>.e7m2q8v4p:hover { background:#ddf6e9; }
  .h6p9c2r4w { font-size:11px; line-height:1.9; color:#6d8179; margin-top:16px; }
  .x3p7j2c9v .f9c4w2h7r { font-size:9px; letter-spacing:0; margin-bottom:8px; }
  .x3p7j2c9v h2 { font-size:20px; letter-spacing:-.5px; }
  .t8w3n6p2r article { border-left:1px solid var(--line); padding-left:20px; }
  .t8w3n6p2r article>span { color:#009e96; display:block; font-size:10px; margin-bottom:9px; letter-spacing:1px; }
  .t8w3n6p2r h3 { font-size:14px; margin-bottom:7px; }
  .t8w3n6p2r p { color:var(--muted); font-size:11px; line-height:1.85; }
  .j2r8c4m7v { min-width:0; }
  .j2r8c4m7v:nth-child(2) { margin-top:30px; }
  .j2r8c4m7v:nth-child(3) { margin-top:60px; }
  .f6k3n9w2p { position:relative; height:244px; overflow:hidden; border-radius:5px; background:#c5e2d5; }
  .j2r8c4m7v:first-child .f6k3n9w2p { height:299px; }
  .f6k3n9w2p img { transition:transform .6s var(--ease),filter .6s; object-position:center 25%; }
  .j2r8c4m7v a:hover img { transform:scale(1.045); filter:saturate(1.08); }
  .v7m2j9c4w { position:absolute; left:14px; bottom:14px; background:#fafff4e8; font-size:10px; padding:5px 10px; border-radius:2px; }
  .p4c8w2r6n { padding:15px 2px 0; }
  .p4c8w2r6n>span { font-size:9px; color:#06877e; letter-spacing:1px; }
  .p4c8w2r6n h3 { font-size:20px; margin:5px 0 9px; display:flex; justify-content:space-between; gap:10px; }
  .p4c8w2r6n h3>i { font-style:normal; color:#00978f; }
  .p4c8w2r6n p { font-size:12px; color:var(--muted); line-height:1.85; }
  .n4p8x2c6r { font-size:11px; color:#70877f; }
  .c9w4k2n6r { position:sticky; top:115px; }
  .c9w4k2n6r form>label { display:block; font-size:12px; font-weight:650; margin-bottom:9px; }
  .c9w4k2n6r form>div { display:flex; border:1px solid #c8dcd2; background:#fbfefa; border-radius:3px; overflow:hidden; }
  .c9w4k2n6r input { border:0; background:none; width:100%; padding:11px 10px; font-size:11px; }
  .c9w4k2n6r input:focus { outline-offset:-3px; }
  .c9w4k2n6r form button { width:40px; flex-shrink:0; font-size:24px; }
  .c9w4k2n6r form button:hover { color:var(--cyan); }
  .c9w4k2n6r>p:not(.h6p9c2r4w) { font-size:10px; margin:28px 0 8px; color:#73877f; }
  .r6m2v8w4c { display:grid; gap:5px; }
  .r6m2v8w4c button { text-align:left; padding:10px 13px; font-size:12px; border-radius:3px; display:flex; justify-content:space-between; }
  .r6m2v8w4c button>span { font-size:10px; color:#6e8d80; }
  .r6m2v8w4c button:hover { background:#dfeee5; }
  .r6m2v8w4c button[aria-pressed="true"] { background:#133e3d; color:white; }
  .r6m2v8w4c button[aria-pressed="true"]>span { color:#9ed4bd; }
  .u4p9r2n6c { font-size:10px; color:#638174; margin-bottom:14px; }
  .k7w2n8c4p { display:grid; grid-template-columns:70px minmax(0,1fr); gap:24px; padding:20px 0; border-bottom:1px solid #ccddd3; scroll-margin-top:115px; }
  .k7w2n8c4p>img { height:93px; border-radius:3px; background:#d4e5dc; }
  .k7w2n8c4p summary { cursor:pointer; list-style:none; display:flex; justify-content:space-between; align-items:center; gap:20px; min-height:93px; }
  .k7w2n8c4p summary small { color:#648273; font-size:9px; letter-spacing:1px; display:block; }
  .k7w2n8c4p summary strong { font-size:19px; line-height:1.4; display:block; margin:4px 0 7px; }
  .k7w2n8c4p summary>span>span { font-size:12px; color:var(--muted); }
  .k7w2n8c4p summary>b { font-size:23px; font-weight:400; color:#008a7c; transition:transform .25s; }
  .k7w2n8c4p details[open] summary>b { transform:rotate(45deg); }
  .k7w2n8c4p details[open] summary strong { color:#008778; }
  .k7w2n8c4p details>div { padding:15px 30px 0 0; font-size:12px; color:#536f63; line-height:2; }
  .k7w2n8c4p details>div p+p { margin-top:10px; }
  .k7w2n8c4p:target { background:#e2f5e8; box-shadow:14px 0 #e2f5e8,-14px 0 #e2f5e8; }
  .n2c6w9p4r { text-align:center; border:1px dashed #b1ccbe; padding:55px 20px; border-radius:5px; }
  .n2c6w9p4r h3 { font-size:21px; }
  .n2c6w9p4r p { font-size:12px; margin:10px 0 15px; color:var(--muted); }
  .m2r7w4c9k { display:flex; padding:4px; border:1px solid #d1e2d8; border-radius:5px; background:#edf6ef; gap:4px; }
  .m2r7w4c9k button { padding:7px 14px; font-size:11px; border-radius:3px; }
  .m2r7w4c9k button[aria-pressed="true"] { background:#fff; color:#007d72; box-shadow:0 2px 6px #1b534113; font-weight:700; }
  .q9m4n2c7w { display:flex; justify-content:space-between; gap:20px; font-size:10px; color:#7b8d85; margin:-8px 0 16px; }
  .x6c2r8n4m li { min-width:0; padding:26px 22px; }
  .x6c2r8n4m li:first-child { padding-left:0; }
  .x6c2r8n4m li+li { border-left:1px solid var(--line); }
  .x6c2r8n4m a { display:grid; grid-template-columns:48px 54px minmax(0,1fr) 15px; gap:14px; align-items:center; }
  .v4n9w2m7c { color:#a8cfc0; font-size:37px; font-style:italic; font-weight:800; letter-spacing:-2px; line-height:1; }
  .x6c2r8n4m li:first-child .v4n9w2m7c { color:#0b9f96; }
  .x6c2r8n4m img { height:77px; border-radius:3px; transition:transform .3s; }
  .x6c2r8n4m a:hover img { transform:translateY(-4px); }
  .x6c2r8n4m a:hover h3 { color:#008d80; }
  .x6c2r8n4m a>div>span { font-size:8px; color:#638272; }
  .x6c2r8n4m h3 { font-size:16px; margin:4px 0 6px; }
  .x6c2r8n4m p { color:var(--muted); font-size:10px; }
  .x6c2r8n4m a>b { font-size:17px; font-weight:400; color:#3d9986; }
  .j6m2c8w4r .f9c4w2h7r { color:#79d7c2; }
  .j6m2c8w4r h2 { font-size:34px; line-height:1.4; margin-bottom:21px; }
  .j6m2c8w4r>p:not(.f9c4w2h7r) { color:#a8c8bd; font-size:12px; line-height:2; max-width:330px; }
  .j6m2c8w4r ul { list-style:none; padding:0; margin:23px 0; font-size:12px; color:#d2e7dc; }
  .j6m2c8w4r li { margin:10px 0; display:flex; gap:12px; }
  .j6m2c8w4r li::before { content:"↗"; color:#5ee1bc; }
  .j6m2c8w4r>a { display:inline-flex; align-items:center; gap:35px; padding-bottom:6px; border-bottom:1px solid #5fb39d; font-size:12px; color:#85e4cb; }
  .w8n2r6c4m>.m2r7w4c9k { background:#214e4c; border-color:#426e62; color:#bbd6c9; margin-bottom:21px; }
  .w8n2r6c4m>.m2r7w4c9k button[aria-pressed="true"] { background:#b5ead8; color:#17493d; }
  .a8p3c6w2n { width:100%; max-width:570px; height:350px; background:#f6fdf4; border:6px solid #0a2526; border-radius:10px; color:var(--ink); box-shadow:0 25px 50px #001e2540; overflow:hidden; transition:width .6s var(--ease),border-radius .6s; }
  .h9r2n7c4w { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:7px 13px; background:#dceadf; font-size:8px; color:#668979; }
  .h9r2n7c4w>span:first-child { font-size:7px; letter-spacing:2px; color:#9ebcb0; }
  .c2m7w4r9n { padding:17px 23px; }
  .n9w4r2c6m { display:flex; align-items:center; justify-content:space-between; font-size:8px; }
  .n9w4r2c6m>strong { font-size:13px; }
  .n9w4r2c6m strong>span { color:#00a08b; margin-left:7px; }
  .n9w4r2c6m>span { font-size:7px; color:#72927e; }
  .c2m7w4r9n>p { font-size:22px; font-weight:800; line-height:1.25; margin:15px 0 9px; }
  .c2m7w4r9n>p>br { display:none; }
  .c2m7w4r9n>p>strong { color:#009e8a; }
  .q6c2n8w4m { color:#699781; font-size:8px; }
  .r2w9m4c7n { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-top:13px; }
  .r2w9m4c7n img { height:120px; border-radius:3px; object-position:top; }
  .r2w9m4c7n figcaption { font-size:9px; font-weight:700; margin-top:5px; }
  .c6w2m9r4n { display:none; }
  .d2n6w9c4r { font-size:10px; color:#91b9a7; margin-top:18px; }
  .a8p3c6w2n[data-view="narrow"] { width:225px; height:350px; border-radius:23px; }
  .a8p3c6w2n[data-view="narrow"] .h9r2n7c4w { font-size:6px; padding-top:11px; }
  .a8p3c6w2n[data-view="narrow"] .c2m7w4r9n { padding:14px; }
  .a8p3c6w2n[data-view="narrow"] .n9w4r2c6m>span { display:none; }
  .a8p3c6w2n[data-view="narrow"] .c2m7w4r9n>p { font-size:22px; margin:20px 0 10px; }
  .a8p3c6w2n[data-view="narrow"] .c2m7w4r9n>p>br { display:block; }
  .a8p3c6w2n[data-view="narrow"] .r2w9m4c7n { gap:7px; }
  .a8p3c6w2n[data-view="narrow"] .r2w9m4c7n img { height:98px; }
  .a8p3c6w2n[data-view="narrow"] .r2w9m4c7n figcaption { font-size:7px; }
  .a8p3c6w2n[data-view="narrow"] .c6w2m9r4n { display:block; border-top:1px solid #ccded1; margin-top:18px; padding-top:10px; font-size:8px; text-align:center; color:#40886f; }
  .j9r2w6c4m li { display:flex; gap:22px; position:relative; padding-top:22px; border-top:1px solid #c9dfd2; }
  .j9r2w6c4m li::before { content:""; position:absolute; top:-4px; left:0; width:7px; height:7px; border-radius:50%; background:#14aca0; }
  .j9r2w6c4m li>span { font-size:35px; font-weight:300; color:#87bda9; line-height:1.1; letter-spacing:-2px; }
  .j9r2w6c4m h3 { font-size:16px; margin-bottom:10px; }
  .j9r2w6c4m p { font-size:12px; line-height:1.9; color:var(--muted); }
  .j9r2w6c4m a { display:inline-block; font-size:11px; color:#008e7d; margin-top:15px; }
  .j9r2w6c4m a:hover { text-decoration:underline; }
  .u2r7c4w9m .r9f2k6w3m { margin-bottom:10px; }
  .b8w4c2r9n figure { padding:25px; border:1px solid var(--line); background:#f5f9f4; border-radius:5px; }
  .b8w4c2r9n blockquote { font-size:12px; line-height:2; color:#526e61; min-height:98px; }
  .b8w4c2r9n figcaption { margin-top:20px; display:flex; align-items:center; gap:12px; font-size:11px; }
  .b8w4c2r9n figcaption>span { width:33px; height:33px; display:grid; place-items:center; border:1px solid #bed9c9; border-radius:50%; color:#518570; font-family:serif; }
  .b8w4c2r9n small { display:block; font-size:9px; color:#82988b; margin-top:3px; }
  .b8w4c2r9n figcaption>b { font-family:Georgia,serif; color:#c4ddcd; margin-left:auto; font-size:48px; line-height:1; height:32px; }
  .k2c7n4w9r h2 { font-size:34px; margin-bottom:18px; }
  .k2c7n4w9r>div>p:not(.f9c4w2h7r) { font-size:12px; color:var(--muted); line-height:1.9; }
  .k2c7n4w9r .y9m3r6t2k { margin-top:20px; color:#008c78; }
  .n6w3r8c2m { border-top:1px solid var(--line); }
  .n6w3r8c2m details { border-bottom:1px solid var(--line); }
  .n6w3r8c2m summary { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:19px 0; cursor:pointer; list-style:none; font-size:13px; font-weight:600; }
  .n6w3r8c2m summary>span { color:#369880; font-weight:400; font-size:20px; transition:transform .2s; }
  .n6w3r8c2m details[open] summary { color:#008b78; }
  .n6w3r8c2m details[open] summary>span { transform:rotate(45deg); }
  .n6w3r8c2m details>p { padding:0 35px 20px 0; color:var(--muted); font-size:12px; line-height:2; }
  .q2w7c4n9m::before,.q2w7c4n9m::after { content:""; position:absolute; width:25px; height:50px; background:var(--paper); top:calc(50% - 25px); border:1px solid #b8ddcf; }
  .q2w7c4n9m::before { left:-1px; border-left:0; border-radius:0 50px 50px 0; }
  .q2w7c4n9m::after { right:-1px; border-right:0; border-radius:50px 0 0 50px; }
  .q2w7c4n9m h2 { font-size:35px; margin-bottom:17px; }
  .q2w7c4n9m h2>span { display:block; font-size:21px; font-weight:500; margin-top:7px; }
  .q2w7c4n9m>div>p:not(.f9c4w2h7r) { color:#4b7967; font-size:12px; line-height:1.9; }
  .t2c9n4w7r { border-left:1px dashed #8fcbb4; padding-left:40px; align-self:center; }
  .t2c9n4w7r>p:first-child { font-size:9px!important; letter-spacing:1px; margin-bottom:11px; }
  .t2c9n4w7r>div { display:flex; align-items:center; gap:15px; padding:16px 0; border-bottom:1px solid #b6decc; }
  .t2c9n4w7r>div>span:first-child { font-size:25px; color:#0f8e73; }
  .t2c9n4w7r strong { font-size:15px; font-weight:650; }
  .t2c9n4w7r strong>small { display:block; font-size:9px; color:#5d8b76; font-weight:400; margin-top:4px; }
  .t2c9n4w7r>div>span:last-child { margin-left:auto; border:1px solid #a4d1b9; font-size:10px; border-radius:3px; padding:3px 7px; white-space:nowrap; }
  .t2c9n4w7r>p:last-child { font-size:9px!important; margin-top:14px; }
  .a6c2w8r4n h2 { font-size:27px; margin-bottom:17px; }
  .a6c2w8r4n>p:not(.f9c4w2h7r) { font-size:17px; line-height:1.8; color:#698473; }
  .a6c2w8r4n>span { display:inline-block; margin-top:30px; padding:16px; border:1px solid #a3cabb; color:#3c947e; font-size:14px; font-family:serif; transform:rotate(-6deg); }
  .m9c4r2n7w p { font-size:13px; line-height:2.1; color:#637b6c; text-align:justify; }
  .p2w9n4c7r .b3w8n2j6s { font-size:22px; display:flex; align-items:center; gap:15px; }
  .p2w9n4c7r .b3w8n2j6s>span { font-size:8px; color:#759683; letter-spacing:2px; font-weight:400; }
  .p2w9n4c7r>a:last-child { font-size:11px; color:#547f6b; }
  .f2n7w4c9r h2 { font-size:13px; padding-top:3px; }
  .f2n7w4c9r>div { display:flex; gap:14px 26px; flex-wrap:wrap; font-size:11px; color:#648371; }
  .f2n7w4c9r a:hover { color:#007d68; text-decoration:underline; }
  .c8r2n6w4m p { font-size:10px; color:#73917f; }
}

@layer movement {
  @media (prefers-reduced-motion:no-preference) {
    [data-enter] { transition:opacity .7s var(--ease),transform .7s var(--ease); }
    [data-enter="pending"] { opacity:0; transform:translateY(22px); }
    [data-enter="visible"] { opacity:1; transform:none; }
    .q4d9b2n7w[data-moving] .w3f8k2r6n h3 { animation:f6m2w9c4r .7s var(--ease); }
    @keyframes f6m2w9c4r { from { opacity:.2; transform:translateY(12px); } to { opacity:1; transform:none; } }
    .k7w2n8c4p details[open]>div,.n6w3r8c2m details[open]>p { animation:f6m2w9c4r .3s var(--ease); }
  }
  @media (prefers-reduced-motion:reduce) {
    html { scroll-behavior:auto; }
    *,*::before,*::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
  }
}

@layer responsive {
  @media (min-width:1600px) {
    .r4c9t2w6h { width:1300px; }
    .g7t3k9d2n { padding-block:38px; }
    .c7r2f9w4k { height:375px; }
    .w3f8k2r6n { padding:37px; }
    .w3f8k2r6n h3 { font-size:33px; }
  }
  @media (max-width:1150px) {
    .u7q2f8m5a { gap:23px; }
    .h4n7c9v2m { gap:23px; }
    .p7a4w9k2f summary>span:last-child { display:none; }
    .n8t2r6m4c { grid-template-columns:1fr; gap:23px; }
    .x3p7j2c9v { display:flex; align-items:baseline; gap:15px; }
    .t8w3n6p2r article:first-child { border-left:0; padding-left:0; }
    .c7r2f9w4k { grid-template-columns:1.55fr 1fr; }
    .w3f8k2r6n { padding:27px; }
    .w3f8k2r6n h3 { font-size:27px; }
    .q7n3c8m2w { grid-template-columns:190px minmax(0,1fr); gap:35px; }
    .x6c2r8n4m a { grid-template-columns:33px 45px minmax(0,1fr); gap:10px; }
    .x6c2r8n4m a>b { display:none; }
    .v4n9w2m7c { font-size:30px; }
    .x6c2r8n4m h3 { font-size:14px; }
    .x6c2r8n4m img { height:65px; }
    .p9c4n2r7w { gap:40px; }
    .j6m2c8w4r h2 { font-size:30px; }
    .k2c7n4w9r { gap:50px; }
    .q2w7c4n9m { gap:45px; padding:40px; }
    .w4n9c2r7m { grid-template-columns:230px 1fr; gap:40px; }
    .m9c4r2n7w { display:block; }
    .m9c4r2n7w p+p { margin-top:18px; }
  }
  @media (max-width:850px) {
    .r4c9t2w6h { width:calc(100% - 44px); }
    .u7q2f8m5a { min-height:75px; gap:24px; }
    .b3w8n2j6s { font-size:23px; }
    .h4n7c9v2m { display:none; }
    .s8v3d5n9k { margin-left:auto; }
    .g7t3k9d2n { gap:25px; grid-template-columns:1fr 1fr; }
    .g7t3k9d2n h2 { font-size:43px; letter-spacing:-2px; }
    .v2s8f4m9q { padding-left:22px; }
    .z7h4p2w8d { font-size:16px; }
    .v2s8f4m9q>p:not(.z7h4p2w8d) { font-size:11px; }
    .w6k2c8n4t { gap:15px; margin-top:17px; }
    .c4n8w2q7j { gap:18px; padding:10px 15px; font-size:12px; }
    .c7r2f9w4k { grid-template-columns:1.2fr 1fr; height:325px; }
    .w3f8k2r6n { padding:25px; }
    .w3f8k2r6n h3 { font-size:25px; }
    .r9f2k6w3m h2 { font-size:27px; }
    .r9f2k6w3m h2>span { display:block; margin:8px 0 0; font-size:12px; }
    .g4w9p2n6c { gap:17px; grid-template-columns:1.25fr 1fr 1fr; }
    .f6k3n9w2p { height:215px; }
    .j2r8c4m7v:first-child .f6k3n9w2p { height:245px; }
    .p4c8w2r6n h3 { font-size:17px; }
    .p4c8w2r6n>span { font-size:8px; letter-spacing:0; }
    .p4c8w2r6n p { font-size:11px; }
    .q7n3c8m2w { grid-template-columns:165px minmax(0,1fr); gap:30px; }
    .k7w2n8c4p { gap:18px; }
    .k7w2n8c4p summary strong { font-size:17px; }
    .k7w2n8c4p summary>span>span { font-size:11px; }
    .x6c2r8n4m { grid-template-columns:1fr; }
    .x6c2r8n4m li { padding:18px 0; }
    .x6c2r8n4m li+li { border-left:0; border-top:1px solid var(--line); }
    .x6c2r8n4m a { grid-template-columns:55px 55px minmax(0,1fr) 20px; gap:20px; }
    .x6c2r8n4m a>b { display:block; }
    .x6c2r8n4m img { height:70px; }
    .x6c2r8n4m h3 { font-size:18px; }
    .v4n9w2m7c { font-size:38px; }
    .p9c4n2r7w { grid-template-columns:1fr 1.1fr; gap:30px; }
    .j6m2c8w4r h2 { font-size:28px; }
    .a8p3c6w2n { height:330px; }
    .c2m7w4r9n { padding:14px; }
    .c2m7w4r9n>p { font-size:20px; }
    .r2w9m4c7n { gap:8px; }
    .r2w9m4c7n img { height:110px; }
    .j9r2w6c4m { gap:20px; }
    .j9r2w6c4m li { flex-direction:column; gap:15px; }
    .b8w4c2r9n { gap:15px; }
    .b8w4c2r9n figure { padding:20px; }
    .b8w4c2r9n blockquote { min-height:160px; }
    .b8w4c2r9n figcaption { gap:8px; }
    .b8w4c2r9n figcaption>b { display:none; }
    .k2c7n4w9r { grid-template-columns:1fr 1.7fr; gap:35px; }
    .k2c7n4w9r h2 { font-size:29px; }
    .q2w7c4n9m { gap:30px; padding:35px; }
    .q2w7c4n9m h2 { font-size:30px; }
    .q2w7c4n9m h2>span { font-size:17px; }
    .t2c9n4w7r { padding-left:25px; }
    .f2n7w4c9r { grid-template-columns:110px 1fr; }
    .c8r2n6w4m { flex-direction:column; gap:5px; }
  }
  @media (max-width:600px) {
    html { scroll-padding-top:85px; }
    body { padding-bottom:calc(63px + env(safe-area-inset-bottom)); }
    .r4c9t2w6h { width:calc(100% - 36px); }
    .u7q2f8m5a { min-height:70px; gap:20px; }
    .b3w8n2j6s { font-size:22px; }
    .b3w8n2j6s>a { gap:8px; }
    .b3w8n2j6s small { font-size:6px; letter-spacing:1.6px; }
    .t6j9c3r2w { width:31px; height:31px; gap:3px; }
    .t6j9c3r2w i:first-child { height:25px; }
    .t6j9c3r2w i::after { left:4px; top:6px; }
    .s8v3d5n9k { font-size:10px; padding:5px 10px; }
    .s8v3d5n9k>span { padding-right:3px; }
    .p7a4w9k2f nav { top:50px; width:min(340px,calc(100vw - 36px)); }
    .p7a4w9k2f nav a { font-size:12px; padding-block:10px; }
    .a2k7p5m9v { padding-top:22px; }
    .m6r2x8c4j .f9c4w2h7r { font-size:9px; letter-spacing:1px; }
    .m6r2x8c4j>p:last-child { display:none; }
    .g7t3k9d2n { display:block; padding:24px 0 26px; }
    .g7t3k9d2n h2 { font-size:48px; line-height:1.17; letter-spacing:-2px; }
    .v2s8f4m9q { border:0; padding:22px 0 0; }
    .z7h4p2w8d { font-size:16px; margin-bottom:7px; }
    .v2s8f4m9q>p:not(.z7h4p2w8d) { font-size:12px; }
    .w6k2c8n4t { gap:24px; }
    .c4n8w2q7j { padding-inline:17px; gap:28px; }
    .q4d9b2n7w { box-shadow:3px 3px 0 #bde4d7; }
    .c7r2f9w4k { display:flex; flex-direction:column; height:480px; }
    .d9q3m8s2v { height:245px; flex-shrink:0; }
    .d9q3m8s2v>span { font-size:8px; bottom:12px; left:13px; }
    .w3f8k2r6n { flex:1; padding:20px; border-left:0; border-top:1px solid #a6cfc0; }
    .w3f8k2r6n .f9c4w2h7r { font-size:8px; margin-bottom:10px; }
    .w3f8k2r6n h3 { font-size:23px; margin-bottom:9px; }
    .w3f8k2r6n h3>br { display:none; }
    .w3f8k2r6n>p:not(.f9c4w2h7r) { font-size:11px; line-height:1.8; }
    .w3f8k2r6n>p:not(.f9c4w2h7r)>br:last-of-type { display:none; }
    .w3f8k2r6n>a { margin-top:14px; padding-top:9px; }
    .k3v7n2m9c { top:30px; right:10px; font-size:50px; }
    .l7n2x5r9c { padding:9px 12px; gap:8px; }
    .l7n2x5r9c>p>.d4w8j2p6m { display:none; }
    .u9c3n7w2f { gap:5px; }
    .u9c3n7w2f>button:not(.e7m2q8v4p) { width:19px; }
    .u9c3n7w2f>button:not(.e7m2q8v4p)::after { width:16px; }
    .u9c3n7w2f>.e7m2q8v4p { min-height:34px; min-width:34px; }
    .h6p9c2r4w { font-size:10px; }
    .n8t2r6m4c { padding:32px 0; gap:24px; }
    .x3p7j2c9v { display:block; }
    .x3p7j2c9v h2 { font-size:23px; }
    .t8w3n6p2r { grid-template-columns:1fr 1fr; gap:24px 18px; }
    .t8w3n6p2r article { border:0; padding:0; }
    .t8w3n6p2r article>span { margin-bottom:6px; }
    .t8w3n6p2r p { font-size:11px; }
    .b4q8m2c7k,.f4w8k2n6m { padding:42px 0; }
    .r9f2k6w3m { gap:15px; margin-bottom:22px; flex-wrap:wrap; }
    .r9f2k6w3m h2 { font-size:26px; }
    .r9f2k6w3m .f9c4w2h7r { font-size:9px; margin-bottom:9px; }
    .r9f2k6w3m>.y9m3r6t2k { font-size:11px; gap:10px; }
    .g4w9p2n6c { grid-template-columns:1fr 1fr; gap:25px 17px; }
    .j2r8c4m7v:first-child { grid-column:1/-1; }
    .j2r8c4m7v:nth-child(2),.j2r8c4m7v:nth-child(3) { margin:0; }
    .j2r8c4m7v:first-child .f6k3n9w2p { height:230px; }
    .f6k3n9w2p { height:210px; }
    .v7m2j9c4w { left:9px; bottom:9px; padding:4px 7px; font-size:8px; }
    .p4c8w2r6n { padding-top:11px; }
    .p4c8w2r6n h3 { font-size:16px; margin-block:5px 7px; }
    .j2r8c4m7v:first-child .p4c8w2r6n h3 { font-size:20px; }
    .p4c8w2r6n p { font-size:11px; }
    .s6j2r8w4n { padding:40px 0; }
    .r9f2k6w3m>.n4p8x2c6r { font-size:10px; }
    .q7n3c8m2w { display:block; }
    .c9w4k2n6r { position:static; margin-bottom:24px; }
    .c9w4k2n6r form>label { font-size:11px; }
    .c9w4k2n6r form>div { max-width:none; }
    .c9w4k2n6r input { font-size:12px; padding:12px; }
    .c9w4k2n6r>p:not(.h6p9c2r4w) { display:none; }
    .c9w4k2n6r>.h6p9c2r4w { display:none; }
    .r6m2v8w4c { display:flex; flex-wrap:wrap; gap:7px; margin-top:15px; }
    .r6m2v8w4c button { padding:7px 10px; font-size:10px; border:1px solid #c8dcd0; }
    .r6m2v8w4c button>span { display:none; }
    .k7w2n8c4p { grid-template-columns:57px minmax(0,1fr); gap:15px; padding:18px 0; }
    .k7w2n8c4p>img { height:80px; }
    .k7w2n8c4p summary { min-height:80px; gap:10px; }
    .k7w2n8c4p summary strong { font-size:17px; margin:4px 0; }
    .k7w2n8c4p summary small { font-size:8px; }
    .k7w2n8c4p summary>span>span { font-size:10px; line-height:1.8; display:block; }
    .k7w2n8c4p details>div { padding:12px 0 0; font-size:12px; }
    .k7w2n8c4p summary>b { font-size:20px; }
    .q9m4n2c7w { font-size:8px; gap:12px; margin-top:0; }
    .m2r7w4c9k { margin-top:4px; }
    .m2r7w4c9k button { font-size:10px; padding:8px 13px; }
    .x6c2r8n4m a { grid-template-columns:40px 50px minmax(0,1fr) 15px; gap:15px; }
    .x6c2r8n4m h3 { font-size:17px; }
    .x6c2r8n4m a>div>span { font-size:8px; }
    .x6c2r8n4m p { font-size:10px; }
    .v4n9w2m7c { font-size:33px; }
    .v8r3m6w2n { padding:42px 0; }
    .p9c4n2r7w { display:block; }
    .j6m2c8w4r h2 { font-size:29px; }
    .j6m2c8w4r>p:not(.f9c4w2h7r) { font-size:12px; max-width:100%; }
    .j6m2c8w4r ul { font-size:11px; }
    .w8n2r6c4m { margin-top:30px; }
    .a8p3c6w2n { height:330px; }
    .c2m7w4r9n { padding:15px 14px; }
    .r2w9m4c7n img { height:120px; }
    .p3n8c2w6r { padding:42px 0; }
    .j9r2w6c4m { grid-template-columns:1fr; gap:25px; }
    .j9r2w6c4m li { flex-direction:row; padding-top:20px; gap:23px; }
    .j9r2w6c4m li>span { font-size:35px; min-width:42px; }
    .j9r2w6c4m p { font-size:12px; }
    .j9r2w6c4m a { margin-top:10px; }
    .u2r7c4w9m { padding:40px 0; }
    .b8w4c2r9n { grid-template-columns:1fr; gap:15px; }
    .b8w4c2r9n figure { padding:23px; }
    .b8w4c2r9n blockquote { min-height:0; font-size:12px; }
    .b8w4c2r9n figcaption>b { display:block; }
    .k2c7n4w9r { grid-template-columns:1fr; padding:0 0 40px; gap:22px; }
    .k2c7n4w9r h2 { font-size:28px; }
    .k2c7n4w9r h2>br { display:none; }
    .k2c7n4w9r>div>p:not(.f9c4w2h7r)>br { display:none; }
    .k2c7n4w9r .y9m3r6t2k { margin-top:10px; }
    .n6w3r8c2m summary { font-size:12px; padding:17px 0; gap:12px; }
    .n6w3r8c2m details>p { padding-right:15px; font-size:12px; }
    .z4r8n2c6w { padding-bottom:45px; }
    .q2w7c4n9m { display:block; padding:30px 25px; }
    .q2w7c4n9m::before,.q2w7c4n9m::after { top:240px; width:15px; height:30px; }
    .q2w7c4n9m h2 { font-size:29px; }
    .q2w7c4n9m h2>span { font-size:18px; }
    .q2w7c4n9m .f9c4w2h7r { font-size:8px; }
    .q2w7c4n9m .w6k2c8n4t { gap:15px; }
    .q2w7c4n9m .c4n8w2q7j { gap:20px; padding-inline:14px; }
    .t2c9n4w7r { border-left:0; border-top:1px dashed #91c9b2; padding:25px 0 0; margin-top:28px; }
    .t2c9n4w7r>div { padding:14px 0; }
    .w4n9c2r7m { display:block; padding-bottom:45px; }
    .a6c2w8r4n { margin-bottom:25px; }
    .a6c2w8r4n h2 { font-size:26px; }
    .a6c2w8r4n>p:not(.f9c4w2h7r) { font-size:15px; }
    .a6c2w8r4n>p>br { display:none; }
    .a6c2w8r4n>span { display:none; }
    .m9c4r2n7w p { font-size:13px; line-height:2.1; }
    .p2w9n4c7r .b3w8n2j6s { font-size:21px; }
    .p2w9n4c7r .b3w8n2j6s>span { display:none; }
    .p2w9n4c7r>a:last-child { font-size:10px; }
    .f2n7w4c9r { display:block; padding:22px 0; }
    .f2n7w4c9r h2 { margin-bottom:16px; }
    .f2n7w4c9r>div { font-size:10px; gap:15px 20px; }
    .c8r2n6w4m p { font-size:9px; }
    .n7c2w9r4m { display:grid; grid-template-columns:repeat(4,1fr); position:fixed; bottom:0; left:0; right:0; z-index:50; background:#fcfffaf5; backdrop-filter:blur(14px); border-top:1px solid #d1e3d6; padding:7px 10px calc(7px + env(safe-area-inset-bottom)); }
    .n7c2w9r4m a { display:flex; flex-direction:column; align-items:center; gap:1px; font-size:10px; color:#6a8b78; min-height:46px; }
    .n7c2w9r4m a>span { font-size:20px; line-height:1.3; }
    .n7c2w9r4m a[aria-current] { color:#008a77; font-weight:750; }
  }
  @media (max-width:360px) {
    .r4c9t2w6h { width:calc(100% - 28px); }
    .u7q2f8m5a { gap:13px; }
    .b3w8n2j6s { font-size:20px; }
    .s8v3d5n9k { padding:5px 8px; font-size:9px; }
    .g7t3k9d2n h2 { font-size:40px; }
    .w3f8k2r6n { padding:17px; }
    .w3f8k2r6n h3 { font-size:21px; }
    .w3f8k2r6n>a { margin-top:10px; }
    .f6k3n9w2p { height:185px; }
    .p4c8w2r6n h3 { font-size:14px; }
    .u9c3n7w2f { gap:4px; }
    .u9c3n7w2f>.e7m2q8v4p { min-width:30px; }
  }
}
