@import "https://fonts.googleapis.com/css2?family=Noto+Sans+HK:wght@400;500;700;900&family=Noto+Sans+TC:wght@400;500;700&display=swap";
@font-face{font-family:Inter;src:url(../media/Inter-VariableFont.0oy~rb7-bgeiw.ttf)format("truetype-variations");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(../media/Inter-Italic-VariableFont.14d-n12y7d6nf.ttf)format("truetype-variations");font-weight:100 900;font-style:italic;font-display:swap}:root{--ink:#060606;--ink-2:#222;--ink-3:#444;--brand-yellow:#ffc90a;--brand-yellow-product:#ffe228;--brand-yellow-hover:#f2bc00;--brown-logo:#4a3630;--cream:#fefbf3;--off-white:#f2f2f0;--gray-100:#f5f5f5;--gray-200:#e6e6e6;--gray-300:#d9d9d9;--gray-400:#bdbdbd;--gray-500:#888;--gray-600:#515151;--gray-700:#373737;--white:#fff;--accent-red:#df4332;--accent-blue:#2a3e77;--accent-blue-deep:#1d2f5d;--accent-orange:#ff7a08;--accent-green:#02a23e;--accent-green-2:#22c55e;--fg-1:var(--ink);--fg-2:var(--ink-3);--fg-3:var(--gray-500);--fg-on-dark:var(--white);--fg-on-yellow:var(--ink);--bg-page:var(--white);--bg-warm:var(--cream);--bg-surface:var(--off-white);--bg-dark:var(--ink-2);--bg-card:var(--white);--border-1:var(--gray-200);--border-2:var(--gray-300);--font-sans:"Inter", "Noto Sans HK", "Noto Sans TC", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-cjk:"Noto Sans HK", "Noto Sans TC", "PingFang HK", "PingFang TC", "Microsoft JhengHei", "Inter", sans-serif;--font-display:"Inter", "Noto Sans HK", sans-serif;--font-mono:"JetBrains Mono", Menlo, Consolas, monospace;--fs-display:56px;--lh-display:1.1;--fs-h1:40px;--lh-h1:1.2;--fs-h2:32px;--lh-h2:1.25;--fs-h3:24px;--lh-h3:1.3;--fs-body-l:20px;--lh-body-l:1.6;--fs-body:16px;--lh-body:1.6;--fs-body-s:14px;--lh-body-s:1.5;--fs-caption:12px;--lh-caption:1.4;--fs-display-fluid:clamp(32px, 4vw + 8px, 56px);--fs-h1-fluid:clamp(28px, 3vw + 8px, 40px);--fs-h2-fluid:clamp(22px, 2vw + 8px, 32px);--fw-regular:400;--fw-medium:500;--fw-bold:700;--fw-black:900;--ls-title:.03em;--ls-body:0;--ls-allcaps:.08em;--r-xs:4px;--r-sm:5px;--r-md:10px;--r-lg:16px;--r-xl:20px;--r-pill:50px;--r-button:12px;--shadow-1:0 4px 10px #0000001a;--shadow-2:0 4px 9px #0000001a;--shadow-3:0 8px 24px #0000001f;--shadow-press:0 1px 2px #0000001f;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--space-10:120px;--container-max:1440px;--gutter-desktop:290px;--gutter-mobile:24px;--ease-out:cubic-bezier(.2, .6, .2, 1);--t-fast:.12s;--t-base:.18s;--t-slow:.32s}.prose,.fuuffy-typography{color:var(--fg-1);font-family:var(--font-sans);font-size:var(--fs-body);line-height:var(--lh-body);letter-spacing:var(--ls-body)}.prose h1,.h1,.fuuffy-h1{font-family:var(--font-display);font-weight:var(--fw-bold);font-size:var(--fs-h1);line-height:var(--lh-h1);letter-spacing:var(--ls-title);color:var(--fg-1);margin:0 0 var(--space-5)}.prose h2,.h2,.fuuffy-h2{font-family:var(--font-display);font-weight:var(--fw-bold);font-size:var(--fs-h2);line-height:var(--lh-h2);letter-spacing:var(--ls-title);color:var(--fg-1);margin:0 0 var(--space-4)}.prose h3,.h3,.fuuffy-h3{font-family:var(--font-display);font-weight:var(--fw-bold);font-size:var(--fs-h3);line-height:var(--lh-h3);letter-spacing:var(--ls-title);color:var(--fg-1);margin:0 0 var(--space-3)}.display,.fuuffy-display{font-family:var(--font-display);font-weight:var(--fw-bold);font-size:var(--fs-display);line-height:var(--lh-display);letter-spacing:var(--ls-title);color:var(--fg-1)}.prose p,.body{font-size:var(--fs-body);line-height:var(--lh-body);color:var(--fg-1);margin:0 0 var(--space-4);text-wrap:pretty}.body-l{font-size:var(--fs-body-l);line-height:var(--lh-body-l)}.body-s{font-size:var(--fs-body-s);line-height:var(--lh-body-s)}.caption{font-size:var(--fs-caption);line-height:var(--lh-caption);color:var(--fg-2)}.cjk{font-family:var(--font-cjk)}code,.mono{font-family:var(--font-mono);background:var(--off-white);border-radius:var(--r-xs);padding:.1em .35em;font-size:.95em}.fuuffy-focus,.fuuffy-typography :focus-visible{outline:2px solid var(--brand-yellow);outline-offset:2px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--white);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}img{max-width:100%;display:block}button{cursor:pointer;background:0 0;border:0;font-family:inherit}a{color:inherit}mark{background:color-mix(in srgb, var(--brand-yellow) 55%, white);color:var(--ink);border-radius:3px;padding:0 1px}::selection{background:color-mix(in srgb, var(--brand-yellow) 60%, white)}.hc-root{--hc-header-h:66px;--sec-pad:80px;--content-max:1280px}.dens-compact{--sec-pad:56px}.dens-regular{--sec-pad:80px}.dens-comfy{--sec-pad:108px}.btn-yellow{background:var(--brand-yellow-product);color:var(--ink);letter-spacing:.02em;transition:background var(--t-base) var(--ease-out);white-space:nowrap;border-radius:10px;padding:14px 26px;font-size:16px;font-weight:700}.btn-yellow:hover{background:var(--brand-yellow-hover)}.btn-pill{background:var(--brand-yellow-product);color:var(--ink);transition:background var(--t-base);white-space:nowrap;border-radius:999px;padding:9px 18px;font-size:14px;font-weight:700}.btn-pill:hover{background:var(--brand-yellow-hover)}.btn-outline-sm{border:1.5px solid var(--gray-300);color:var(--ink);transition:border-color var(--t-base);background:#fff;border-radius:9px;padding:9px 16px;font-size:14px;font-weight:600}.btn-outline-sm:hover{border-color:var(--ink)}.hc-header{z-index:60;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--gray-200);background:#ffffffe0;position:sticky;top:0}.hc-header-in{max-width:1440px;height:var(--hc-header-h);align-items:center;gap:20px;margin:0 auto;padding:0 28px;display:flex}.hc-menu{width:40px;height:40px;color:var(--ink);border-radius:8px;justify-content:center;align-items:center;margin-left:-8px;display:none}.hc-menu:hover{background:var(--off-white)}.hc-brand{flex-shrink:0;align-items:center;gap:12px;text-decoration:none;display:flex}.hc-brand img{height:30px}.hc-brand-sep{background:var(--gray-300);width:1px;height:22px}.hc-brand-tag{font-family:var(--font-cjk);color:var(--ink);letter-spacing:.02em;font-size:16px;font-weight:700}.hc-header-right{align-items:center;gap:16px;margin-left:auto;display:flex}.hc-lang{color:var(--gray-600);transition:background var(--t-base);border-radius:8px;align-items:center;gap:6px;padding:7px 10px;font-size:13px;font-weight:600;display:inline-flex}.hc-lang:hover{background:var(--off-white);color:var(--ink)}.hc-link-quiet{color:var(--gray-600);transition:color var(--t-base);font-size:14px;text-decoration:none}.hc-link-quiet:hover{color:var(--ink)}.hsearch{background:var(--off-white);max-width:360px;height:40px;transition:border-color var(--t-base), background var(--t-base);border:1px solid #0000;border-radius:10px;flex:1;align-items:center;gap:9px;padding:0 12px;display:flex}.hsearch:focus-within{border-color:var(--brand-yellow);box-shadow:0 0 0 3px color-mix(in srgb, var(--brand-yellow) 28%, transparent);background:#fff}.hsearch input{font-size:14.5px;font-family:var(--font-sans);color:var(--ink);background:0 0;border:0;outline:none;flex:1;min-width:0}.hsearch input::placeholder{color:var(--gray-500)}.hsearch kbd{font-family:var(--font-mono);color:var(--gray-500);border:1px solid var(--gray-300);background:#fff;border-radius:5px;padding:1px 6px;font-size:11px}.hc-hero{position:relative;overflow:hidden}.hc-hero.warm{background:var(--cream);border-bottom:1px solid color-mix(in srgb, var(--cream) 60%, var(--gray-200))}.hc-hero.warm:before{content:"";background:radial-gradient(120% 80% at 88% -10%, color-mix(in srgb, var(--brand-yellow) 30%, transparent), transparent 55%);pointer-events:none;position:absolute;inset:0}.hc-hero.clean{border-bottom:1px solid var(--gray-200);background:#fff}.hc-hero-in{text-align:center;max-width:880px;margin:0 auto;padding:clamp(56px,8vw,104px) 28px clamp(48px,6vw,80px);position:relative}.hc-hero-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--gray-600);margin-bottom:18px;font-size:13px;font-weight:700;display:inline-block}.hc-hero-title{font-family:var(--font-cjk);letter-spacing:.01em;color:var(--ink);margin:0 0 16px;font-size:clamp(34px,5.2vw,56px);font-weight:900;line-height:1.1}.hc-hero-sub{font-family:var(--font-cjk);color:var(--ink-3);max-width:540px;margin:0 auto 34px;font-size:clamp(16px,2vw,20px);line-height:1.6}.hc-hero-search{border:1px solid var(--gray-200);max-width:660px;box-shadow:var(--shadow-1);transition:box-shadow var(--t-base), border-color var(--t-base);background:#fff;border-radius:16px;align-items:center;gap:12px;margin:0 auto;padding:10px 10px 10px 20px;display:flex}.hc-hero-search:focus-within{border-color:var(--brand-yellow);box-shadow:0 8px 24px #0000001a, 0 0 0 4px color-mix(in srgb, var(--brand-yellow) 24%, transparent)}.hc-hero-search input{font-size:clamp(15px,1.8vw,17px);font-family:var(--font-sans);color:var(--ink);background:0 0;border:0;outline:none;flex:1;min-width:0}.hc-hero-search input::placeholder{color:var(--gray-500)}.hc-hero-go{border-radius:11px;padding:13px 28px}.hc-hero-chips{flex-wrap:wrap;justify-content:center;align-items:center;gap:9px;margin-top:22px;display:flex}.hc-hero-chips.center{margin-top:18px}.hc-hero-chips-l{color:var(--gray-600);margin-right:2px;font-size:13px;font-weight:600}.hc-chip{font-family:var(--font-cjk);color:var(--ink-3);border:1px solid var(--gray-200);transition:all var(--t-base) var(--ease-out);background:#fff;border-radius:999px;padding:7px 15px;font-size:13.5px}.hc-chip:hover{border-color:var(--ink);color:var(--ink);background:#fff}.vs-warm .hc-chip{background:#ffffffb3}.hc-sec-head{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:34px;display:flex}.hc-sec-head.sm{align-items:center;margin-bottom:22px}.hc-sec-title{font-family:var(--font-cjk);letter-spacing:.02em;color:var(--ink);margin:0;font-size:clamp(24px,3vw,34px);font-weight:700}.hc-sec-head.sm .hc-sec-title{font-size:22px}.hc-sec-sub{font-family:var(--font-cjk);color:var(--gray-600);margin:8px 0 0;font-size:16px}.hc-seeall{color:var(--ink-3);transition:color var(--t-base);align-items:center;gap:3px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.hc-seeall:hover{color:var(--ink)}.hc-cats{padding:var(--sec-pad) 0}.hc-cats-in{max-width:var(--content-max);margin:0 auto;padding:0 28px}.hc-cluster{margin-bottom:52px}.hc-cluster:last-child{margin-bottom:0}.hc-cluster-head{border-bottom:1px solid var(--gray-200);align-items:baseline;gap:14px;margin-bottom:18px;padding-bottom:12px;display:flex}.hc-cluster-title{font-family:var(--font-cjk);color:var(--ink);letter-spacing:.02em;margin:0;font-size:19px;font-weight:700}.hc-cluster-desc{font-family:var(--font-cjk);color:var(--gray-500);font-size:14px}.hc-cat-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.hc-cat-grid.compact{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.hc-cat{border:1px solid var(--gray-200);transition:border-color var(--t-base), box-shadow var(--t-base), transform var(--t-base);background:#fff;border-radius:12px;align-items:flex-start;gap:15px;padding:20px;text-decoration:none;display:flex}.motion-on .hc-cat:hover{border-color:color-mix(in srgb, var(--ink) 18%, var(--gray-200));box-shadow:var(--shadow-1);transform:translateY(-2px)}.motion-off .hc-cat:hover{border-color:var(--ink)}.hc-cat.compact{align-items:center;gap:12px;padding:14px 16px}.hc-cat-ic{background:color-mix(in srgb, var(--tint) 16%, white);width:46px;height:46px;color:var(--ink);border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.hc-cat.compact .hc-cat-ic{border-radius:9px;width:38px;height:38px}.tone-mono .hc-cat-ic{background:var(--off-white);color:var(--gray-700)}.hc-cat-body{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.hc-cat.compact .hc-cat-body{gap:2px}.hc-cat-titlerow{flex-wrap:wrap;align-items:baseline;gap:9px;display:flex}.hc-cat-title{font-family:var(--font-cjk);color:var(--ink);letter-spacing:.01em;font-size:17px;font-weight:700}.hc-cat-en{color:var(--gray-400);letter-spacing:.02em;white-space:nowrap;font-size:12px;font-weight:500}.hc-cat-desc{font-family:var(--font-cjk);color:var(--gray-600);text-wrap:pretty;font-size:14px;line-height:1.55}.hc-cat-meta{color:var(--gray-500);align-items:center;gap:3px;margin-top:2px;font-size:13px;font-weight:500;display:inline-flex}.hc-cat.compact .hc-cat-meta{margin-top:0}.motion-on .hc-cat:hover .hc-cat-meta{color:var(--ink)}.hc-col-grid{grid-template-columns:repeat(auto-fill,minmax(min(420px,100%),1fr));gap:18px;display:grid}.hc-col-card{border:1px solid var(--gray-200);min-width:0;transition:border-color var(--t-base), box-shadow var(--t-base), transform var(--t-base);background:#fff;border-radius:14px;flex-direction:column;padding:22px 22px 8px;display:flex}.motion-on .hc-col-card:hover{border-color:color-mix(in srgb, var(--ink) 16%, var(--gray-200));box-shadow:var(--shadow-1);transform:translateY(-2px)}.hc-col-head{border-bottom:1px solid var(--gray-100);align-items:flex-start;gap:14px;margin-bottom:6px;padding-bottom:16px;text-decoration:none;display:flex}.hc-col-ic{background:color-mix(in srgb, var(--tint) 16%, white);width:48px;height:48px;color:var(--ink);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.tone-mono .hc-col-ic{background:var(--off-white);color:var(--gray-700)}.hc-col-head-tx{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.hc-col-titlerow{flex-wrap:wrap;align-items:baseline;gap:9px;display:flex}.hc-col-titlerow b{font-family:var(--font-cjk);color:var(--ink);letter-spacing:.01em;font-size:18px;font-weight:700}.hc-col-desc{font-family:var(--font-cjk);color:var(--gray-600);text-wrap:pretty;overflow-wrap:anywhere;word-break:break-word;font-size:13.5px;line-height:1.55}.hc-col-arts{margin:0;padding:0;list-style:none}.hc-col-arts a{transition:background var(--t-base);border-radius:8px;align-items:center;gap:10px;padding:10px 8px;text-decoration:none;display:flex}.hc-col-arts a:hover{background:var(--off-white)}.hc-col-arts a>span{min-width:0;font-family:var(--font-cjk);color:var(--ink-3);text-overflow:ellipsis;white-space:nowrap;transition:color var(--t-base);flex:1;font-size:14.5px;line-height:1.4;overflow:hidden}.hc-col-arts a:hover>span{color:var(--ink)}.hc-col-all{font-family:var(--font-cjk);color:var(--ink);transition:gap var(--t-base);align-items:center;gap:6px;padding:14px 8px 16px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.hc-col-all svg{color:var(--brand-yellow-hover)}.motion-on .hc-col-card:hover .hc-col-all{gap:10px}.hc-popular{padding:var(--sec-pad) 0;background:var(--white)}.hc-popular-in{max-width:var(--content-max);margin:0 auto;padding:0 28px}.hc-pop-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 32px;margin:0;padding:0;list-style:none;display:grid}.hc-pop-list>li{min-width:0}.hc-pop-item{border:1px solid var(--gray-200);min-width:0;transition:all var(--t-base);background:#fff;border-radius:11px;align-items:center;gap:16px;padding:16px 18px;text-decoration:none;display:flex}.motion-on .hc-pop-item:hover{border-color:var(--ink);box-shadow:var(--shadow-1);transform:translateY(-1px)}.hc-pop-num{font-family:var(--font-mono);color:var(--gray-400);flex-shrink:0;font-size:13px;font-weight:600}.hc-pop-tx{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.hc-pop-tx b{font-family:var(--font-cjk);color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:15.5px;font-weight:600;line-height:1.4;overflow:hidden}.hc-pop-cat{color:var(--gray-500);font-size:12.5px}.hc-pop-item:hover .hc-pop-num{color:var(--brand-yellow-hover)}.hc-videos{padding:var(--sec-pad) 0;background:var(--off-white)}.hc-videos-in{max-width:var(--content-max);margin:0 auto;padding:0 28px}.hc-vid-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;display:grid}.hc-vidc{transition:transform var(--t-base);flex-direction:column;gap:12px;text-decoration:none;display:flex}.motion-on .hc-vidc:hover{transform:translateY(-3px)}.hc-vidc-thumb{aspect-ratio:16/9;background:linear-gradient(135deg, var(--tone), color-mix(in srgb, var(--tone) 55%, black));border-radius:12px;position:relative;overflow:hidden}.hc-vidc-img{-o-object-fit:cover;object-fit:cover;filter:brightness(.82);width:100%;height:100%;transition:transform var(--t-base), filter var(--t-base);position:absolute;inset:0}.hc-vidc:hover .hc-vidc-img{filter:brightness(.92);transform:scale(1.04)}.hc-vidc-play{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.hc-vidc-play:before{content:"";-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);width:52px;height:52px;transition:background var(--t-base), transform var(--t-base);background:#00000057;border-radius:999px;position:absolute}.hc-vidc-play svg{filter:drop-shadow(0 2px 4px #0006);position:relative;transform:translate(1px)}.hc-vidc:hover .hc-vidc-play:before{background:var(--brand-yellow-product);transform:scale(1.08)}.hc-vidc:hover .hc-vidc-play svg{stroke:var(--ink)}.hc-vidc-dur{font-family:var(--font-mono);color:#fff;background:#0000009e;border-radius:5px;padding:2px 7px;font-size:11.5px;position:absolute;bottom:9px;right:9px}.hc-vidc-tx b{font-family:var(--font-cjk);color:var(--ink);text-wrap:pretty;margin-bottom:4px;font-size:15.5px;font-weight:600;line-height:1.45;display:block}.hc-vidc-tx span{color:var(--gray-500);font-size:13px}.hc-faq{padding:var(--sec-pad) 0;background:var(--off-white)}.hc-faq-in{max-width:var(--content-max);margin:0 auto;padding:0 28px}.hc-faq-list{flex-direction:column;gap:14px;display:flex}.hc-faq-item{background:var(--white);border:1px solid var(--gray-200);transition:border-color var(--t-base), box-shadow var(--t-base);border-radius:12px}.hc-faq-item:hover{border-color:var(--gray-300)}.hc-faq-item.open{border-color:var(--gray-300);box-shadow:var(--shadow-1)}.hc-faq-q{text-align:left;width:100%;font-family:var(--font-cjk);color:var(--ink);letter-spacing:.01em;transition:color var(--t-base);background:0 0;justify-content:space-between;align-items:center;gap:16px;padding:22px 24px;font-size:17px;font-weight:600;display:flex}.hc-faq-q:hover{color:var(--brand-yellow-hover)}.hc-faq-item.open .hc-faq-q{color:var(--ink)}.hc-faq-icon{flex-shrink:0;width:20px;height:20px;position:relative}.hc-faq-icon i{background:var(--gray-500);width:16px;height:2px;transition:transform var(--t-slow) var(--ease-out), background var(--t-base);border-radius:2px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hc-faq-icon i:last-child{transform:translate(-50%,-50%)rotate(90deg)}.hc-faq-q:hover .hc-faq-icon i,.hc-faq-item.open .hc-faq-icon i{background:var(--ink)}.hc-faq-item.open .hc-faq-icon i:first-child{transform:translate(-50%,-50%)rotate(45deg)}.hc-faq-item.open .hc-faq-icon i:last-child{transform:translate(-50%,-50%)rotate(-45deg)}.hc-faq-a{max-width:720px;padding:0 24px 24px}.hc-faq-a p{font-family:var(--font-cjk);color:var(--ink-3);text-wrap:pretty;margin:0 0 12px;font-size:15.5px;line-height:1.8}.hc-faq-link{font-family:var(--font-cjk);color:var(--ink);transition:gap var(--t-base);align-items:center;gap:6px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.hc-faq-link svg{color:var(--brand-yellow-hover)}.hc-faq-link:hover{gap:10px}.hc-shell{grid-template-columns:276px 1fr;align-items:start;gap:0;max-width:1440px;margin:0 auto;display:grid}.hc-sidebar{top:var(--hc-header-h);height:calc(100vh - var(--hc-header-h));border-right:1px solid var(--gray-200);align-self:start;padding:26px 18px 40px;position:sticky;overflow-y:auto}.hc-side-top{padding:0 8px 14px}.hc-side-home{font-family:var(--font-cjk);color:var(--gray-600);transition:color var(--t-base);align-items:center;gap:6px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.hc-side-home:hover{color:var(--ink)}.hc-side-nav{flex-direction:column;gap:22px;display:flex}.hc-side-grouplabel{font-family:var(--font-cjk);letter-spacing:.08em;color:var(--gray-500);text-transform:none;margin-bottom:8px;padding:0 10px;font-size:12px;font-weight:700}.hc-side-cat{font-family:var(--font-cjk);color:var(--ink-3);transition:background var(--t-base), color var(--t-base);border-radius:9px;align-items:center;gap:10px;padding:8px 10px;font-size:14.5px;text-decoration:none;display:flex;position:relative}.hc-side-cat svg{color:var(--gray-500);transition:color var(--t-base)}.hc-side-cat:hover{background:var(--off-white);color:var(--ink)}.hc-side-cat.on{background:color-mix(in srgb, var(--brand-yellow) 16%, white);color:var(--ink);font-weight:700}.hc-side-cat.on svg{color:var(--ink)}.hc-side-arts{flex-direction:column;margin:2px 0 4px;padding-left:10px;display:flex}.hc-side-art{font-family:var(--font-cjk);color:var(--gray-600);border-left:2px solid var(--gray-200);transition:color var(--t-base), border-color var(--t-base);margin-left:16px;padding:7px 10px 7px 24px;font-size:13.5px;line-height:1.4;text-decoration:none;display:block}.hc-side-art:hover{color:var(--ink);border-color:var(--gray-400)}.hc-side-art.on{color:var(--ink);border-color:var(--brand-yellow);font-weight:600}.hc-scrim{display:none}.hc-content{min-width:0;padding:30px clamp(28px,4vw,64px) 60px}.hc-main-narrow{max-width:860px;min-height:50vh;margin:0 auto;padding:30px 28px 60px}.hc-page{max-width:920px}.hc-crumb{font-family:var(--font-cjk);flex-wrap:wrap;align-items:center;gap:7px;margin-bottom:22px;font-size:13px;display:flex}.hc-crumb a{color:var(--gray-600);transition:color var(--t-base);text-decoration:none}.hc-crumb a:hover{color:var(--ink)}.hc-crumb .cur{color:var(--ink);font-weight:600}.hc-cat-hero{border-bottom:1px solid var(--gray-200);align-items:flex-start;gap:18px;margin-bottom:22px;padding-bottom:26px;display:flex}.hc-cat-hero-ic{background:color-mix(in srgb, var(--tint) 18%, white);width:58px;height:58px;color:var(--ink);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.tone-mono .hc-cat-hero-ic{background:var(--off-white);color:var(--gray-700)}.hc-cat-hero-title{font-family:var(--font-cjk);color:var(--ink);letter-spacing:.02em;margin:0 0 8px;font-size:clamp(26px,3.4vw,36px);font-weight:700}.hc-cat-hero-desc{font-family:var(--font-cjk);color:var(--gray-600);max-width:560px;margin:0 0 10px;font-size:16px;line-height:1.6}.hc-cat-hero-meta{color:var(--gray-500);font-size:13px;font-weight:600}.hc-art-list{margin:0;padding:0;list-style:none}.hc-cat-groups{flex-direction:column;gap:40px;display:flex}.hc-cat-group .hc-art-list{margin-top:6px}.hc-cat-group-title{font-family:var(--font-cjk);color:var(--ink);letter-spacing:.02em;align-items:center;gap:12px;margin:0 0 4px;padding:2px 0 2px 14px;font-size:20px;font-weight:700;display:flex;position:relative}.hc-cat-group-title:before{content:"";background:var(--brand-yellow-product);border-radius:4px;width:4px;height:1.1em;position:absolute;top:50%;left:0;transform:translateY(-50%)}.hc-art-row{transition:background var(--t-base);border:1px solid #0000;border-radius:11px;align-items:center;gap:14px;padding:17px 16px;text-decoration:none;display:flex}.hc-art-row:hover{background:var(--off-white)}.motion-on .hc-art-row:hover{border-color:var(--gray-200)}.hc-art-row-tx{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.hc-art-row-tx b{font-family:var(--font-cjk);color:var(--ink);font-size:15.5px;font-weight:600;line-height:1.45}.hc-art-row-tag{font-family:var(--font-cjk);color:var(--ink);background:var(--brand-yellow-product);border-radius:5px;padding:2px 7px;font-size:11px;font-weight:700}.hc-related-cats{border-top:1px solid var(--gray-200);margin-top:48px;padding-top:30px}.hc-related-h{font-family:var(--font-cjk);color:var(--ink);margin:0 0 16px;font-size:17px;font-weight:700}.hc-related-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;display:grid}.hc-related-cat{border:1px solid var(--gray-200);transition:border-color var(--t-base);border-radius:10px;align-items:center;gap:9px;padding:12px 14px;text-decoration:none;display:flex}.hc-related-cat:hover{border-color:var(--ink)}.hc-related-cat b{font-family:var(--font-cjk);color:var(--ink);flex:1;font-size:14px;font-weight:600}.hc-related-cat span:last-child{color:var(--gray-500);white-space:nowrap;font-size:12px}.hc-related-ic{background:color-mix(in srgb, var(--tint) 16%, white);width:32px;height:32px;color:var(--ink);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.tone-mono .hc-related-ic{background:var(--off-white);color:var(--gray-700)}.hc-art-layout{grid-template-columns:1fr 220px;align-items:start;gap:48px;display:grid}.hc-article{min-width:0}.hc-art-cat{font-family:var(--font-cjk);color:var(--gray-600);cursor:pointer;margin-bottom:12px;font-size:13px;font-weight:600;display:inline-block}.hc-art-cat:hover{color:var(--ink)}.hc-art-title{font-family:var(--font-cjk);letter-spacing:.01em;color:var(--ink);text-wrap:pretty;margin:0 0 16px;font-size:clamp(28px,3.6vw,40px);font-weight:700;line-height:1.25}.hc-art-meta{color:var(--gray-500);border-bottom:1px solid var(--gray-200);flex-wrap:wrap;gap:18px;margin-bottom:30px;padding-bottom:24px;font-size:13px;display:flex}.hc-art-meta span{align-items:center;gap:6px;display:inline-flex}.hc-art-body{font-family:var(--font-cjk)}.hc-art-body section{margin-top:30px}.hc-art-lead{color:var(--ink-3);text-wrap:pretty;margin:0 0 4px;font-size:17px;line-height:1.85}.hc-art-h2{font-family:var(--font-cjk);color:var(--ink);letter-spacing:.01em;margin:0 0 12px;scroll-margin-top:88px;font-size:21px;font-weight:700}.hc-art-body p{color:var(--ink-3);text-wrap:pretty;margin:0;font-size:16px;line-height:1.85}.hc-art-lead{scroll-margin-top:88px}.hc-callout{background:var(--cream);border:1px solid color-mix(in srgb, var(--brand-yellow) 30%, var(--gray-200));border-radius:12px;margin:26px 0;padding:18px 20px}.hc-callout.tip{background:color-mix(in srgb, var(--accent-blue) 6%, white);border-color:color-mix(in srgb, var(--accent-blue) 22%, var(--gray-200))}.hc-callout-h{font-family:var(--font-cjk);color:var(--ink);letter-spacing:.02em;align-items:center;gap:8px;margin-bottom:10px;font-size:14px;font-weight:700;display:flex}.hc-callout ul{flex-direction:column;gap:7px;margin:0;padding-left:20px;display:flex}.hc-callout li{color:var(--ink-3);font-size:15px;line-height:1.6}.hc-callout.tip p{font-size:15px;line-height:1.7}.hc-feedback{background:var(--off-white);border-radius:12px;flex-wrap:wrap;align-items:center;gap:18px;margin:40px 0 0;padding:22px 24px;display:flex}.hc-feedback>span{font-family:var(--font-cjk);color:var(--ink);font-size:15px;font-weight:600}.hc-feedback-btns{gap:10px;display:flex}.hc-feedback-btns button{font-family:var(--font-cjk);color:var(--ink);border:1.5px solid var(--gray-300);transition:all var(--t-base);background:#fff;border-radius:9px;align-items:center;gap:7px;padding:9px 18px;font-size:14px;font-weight:600;display:inline-flex}.hc-feedback-btns button:hover{border-color:var(--ink);background:#fff}.hc-feedback-thanks{font-family:var(--font-cjk);color:var(--ink);align-items:center;gap:9px;font-size:15px;font-weight:600;display:inline-flex}.hc-prevnext{grid-template-columns:1fr 1fr;gap:14px;margin:36px 0;display:grid}.hc-pn{border:1px solid var(--gray-200);transition:border-color var(--t-base);border-radius:11px;flex-direction:column;gap:6px;padding:16px 18px;text-decoration:none;display:flex}.hc-pn:hover{border-color:var(--ink)}.hc-pn.right{text-align:right;align-items:flex-end}.hc-pn>span{color:var(--gray-500);align-items:center;gap:5px;font-size:12.5px;display:inline-flex}.hc-pn b{font-family:var(--font-cjk);color:var(--ink);font-size:14.5px;font-weight:600;line-height:1.4}.hc-related-arts{border-top:1px solid var(--gray-200);margin-top:40px;padding-top:28px}.hc-related-arts ul{margin:0;padding:0;list-style:none}.hc-related-arts a{font-family:var(--font-cjk);color:var(--ink);border-bottom:1px solid var(--gray-100);transition:color var(--t-base);align-items:center;gap:11px;padding:12px 4px;font-size:15px;text-decoration:none;display:flex}.hc-related-arts a:hover{color:var(--brand-yellow-hover)}.hc-related-arts a>:first-child{flex-shrink:0}.hc-related-arts a>:nth-child(2){flex:1}.hc-related-arts a:hover>:nth-child(2){color:var(--ink)}.hc-toc{top:calc(var(--hc-header-h) + 24px);align-self:start;position:sticky}.hc-toc-in{border:1px solid var(--gray-200);background:#fff;border-radius:14px;margin-bottom:16px;padding:18px 20px}.hc-toc-h{font-family:var(--font-cjk);letter-spacing:.08em;color:var(--gray-500);margin-bottom:12px;font-size:12px;font-weight:700}.hc-toc ul{border-left:2px solid var(--gray-200);flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.hc-toc li a{font-family:var(--font-cjk);color:var(--gray-600);transition:color var(--t-base), border-color var(--t-base);border-left:2px solid #0000;margin-left:-2px;padding:6px 0 6px 14px;font-size:13.5px;text-decoration:none;display:block}.hc-toc li a:hover{color:var(--ink);border-color:var(--brand-yellow)}.hc-toc-help{background:var(--off-white);border-radius:11px;flex-direction:column;align-items:flex-start;gap:8px;padding:16px;display:flex}.hc-toc-help>span{font-family:var(--font-cjk);color:var(--ink);font-size:14px;font-weight:700}.hc-search-bar{border:1px solid var(--gray-300);height:56px;box-shadow:var(--shadow-1);background:#fff;border-radius:13px;align-items:center;gap:12px;margin-bottom:24px;padding:4px 12px 4px 18px;display:flex}.hc-search-bar:focus-within{border-color:var(--brand-yellow);box-shadow:0 0 0 4px color-mix(in srgb, var(--brand-yellow) 22%, transparent)}.hc-search-bar input{font-size:17px;font-family:var(--font-sans);color:var(--ink);background:0 0;border:0;outline:none;flex:1;min-width:0}.hc-search-clear{width:32px;height:32px;color:var(--gray-500);border-radius:8px;justify-content:center;align-items:center;display:flex}.hc-search-clear:hover{background:var(--off-white);color:var(--ink)}.hc-search-count{font-family:var(--font-cjk);color:var(--gray-600);margin:0 0 18px;font-size:15px}.hc-search-count b{color:var(--ink)}.hc-search-results{margin:0;padding:0;list-style:none}.hc-search-results a{transition:background var(--t-base);border:1px solid #0000;border-radius:11px;align-items:center;gap:14px;padding:16px;text-decoration:none;display:flex}.hc-search-results a:hover{background:var(--off-white);border-color:var(--gray-200)}.hc-search-tx{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.hc-search-tx b{font-family:var(--font-cjk);color:var(--ink);font-size:16px;font-weight:600;line-height:1.45}.hc-search-cat{color:var(--gray-500);font-size:12.5px}.hc-empty{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:50px 20px;display:flex}.hc-empty b{font-family:var(--font-cjk);color:var(--ink);margin-top:6px;font-size:18px}.hc-empty p{font-family:var(--font-cjk);color:var(--gray-600);margin:0 0 8px;font-size:15px}.hc-empty .hc-hero-chips{justify-content:center}.hc-search-idle{padding:8px 0}.hc-support{background:var(--ink);color:#fff}.hc-support-in{max-width:var(--content-max);margin:0 auto;padding:clamp(48px,6vw,72px) 28px}.hc-support-head{text-align:center;margin-bottom:32px}.hc-support-head h3{font-family:var(--font-cjk);letter-spacing:.02em;margin:0 0 10px;font-size:clamp(22px,3vw,30px);font-weight:700}.hc-support-head p{font-family:var(--font-cjk);color:#ffffffb3;margin:0;font-size:16px}.hc-support-grid{grid-template-columns:repeat(3,1fr);gap:16px;max-width:880px;margin:0 auto;display:grid}.hc-support-card{transition:all var(--t-base);background:#ffffff0d;border:1px solid #ffffff1f;border-radius:13px;align-items:center;gap:14px;padding:20px;text-decoration:none;display:flex}.hc-support-card:hover{background:#ffffff17;border-color:#ffffff47}.hc-support-ic{background:var(--brand-yellow-product);width:44px;height:44px;color:var(--ink);border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.hc-support-tx{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.hc-support-tx b{font-family:var(--font-cjk);color:#fff;font-size:15.5px;font-weight:700}.hc-support-tx span{color:#fff9;font-size:13px}.hc-support-go{font-family:var(--font-cjk);color:var(--brand-yellow-product);white-space:nowrap;align-items:center;gap:3px;font-size:13px;font-weight:600;display:inline-flex}.hc-footer{background:var(--ink-2);color:#fff}.hc-footer-in{max-width:var(--content-max);grid-template-columns:1.6fr repeat(4,1fr);gap:40px;margin:0 auto;padding:56px 28px 40px;display:grid}.hc-footer-brand img{height:34px;margin-bottom:18px}.hc-footer-brand p{font-family:var(--font-cjk);color:#fff9;max-width:280px;margin:0;font-size:13.5px;line-height:1.8}.hc-footer-h{font-family:var(--font-cjk);margin-bottom:14px;font-size:14.5px;font-weight:700}.hc-footer-col a{font-family:var(--font-cjk);color:#fff9;transition:color var(--t-base);padding:6px 0;font-size:13.5px;text-decoration:none;display:block}.hc-footer-col a:hover{color:#fff}.hc-footer-bar{max-width:var(--content-max);color:#ffffff80;border-top:1px solid #ffffff1a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:0 auto;padding:20px 28px;font-size:12.5px;display:flex}.hc-footer-badge{letter-spacing:.03em}@media (max-width:1080px){.hc-art-layout{grid-template-columns:1fr}.hc-toc{display:none}.hc-uv-in{grid-template-columns:1fr;gap:48px}.hc-pop-list{grid-template-columns:1fr}}@media (max-width:960px){.hc-menu{display:flex}.hc-shell{grid-template-columns:1fr}.hc-sidebar{z-index:80;width:300px;max-width:86vw;height:100vh;transition:transform var(--t-slow) var(--ease-out);border-right:1px solid var(--gray-200);box-shadow:var(--shadow-3);background:#fff;padding-top:24px;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.hc-sidebar.open{transform:translate(0)}.hc-scrim{z-index:75;opacity:0;pointer-events:none;transition:opacity var(--t-base);background:#0006;display:block;position:fixed;inset:0}.hc-scrim.on{opacity:1;pointer-events:auto}.hc-content{padding:26px 24px 50px}}@media (max-width:720px){.hc-header-in{gap:12px;padding:0 18px}.hc-header .hsearch,.hc-brand-tag,.hc-brand-sep,.hc-hide-sm,.hc-link-quiet{display:none}.hc-support-grid{grid-template-columns:1fr}.hc-footer-in{grid-template-columns:1fr 1fr;gap:28px}.hc-footer-brand{grid-column:1/-1}.hc-prevnext,.hc-cat-grid,.hc-cat-grid.compact,.hc-col-grid{grid-template-columns:1fr}}