:root{--color-primary: #0A5E8A;--color-primary-dark: #063F5C;--color-primary-light: #1A8BC7;--color-secondary: #00B4D8;--color-accent: #FF8C42;--topic-1: #2E6B9E;--topic-2: #7B61FF;--topic-3: #2EAC6A;--topic-4: #E8703A;--topic-5: #D14B8F;--gray-50: #F8FAFB;--gray-100: #EEF2F5;--gray-200: #DDE3E8;--gray-300: #BCC5CE;--gray-400: #8E99A4;--gray-500: #5F6B76;--gray-600: #3D4A55;--gray-700: #2A3440;--gray-800: #1A2330;--gray-900: #0D1520;--color-success: #28A745;--color-warning: #FFC107;--color-danger: #DC3545;--color-info: #17A2B8;--font-sans: "Noto Sans TC", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "Fira Code", "Consolas", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.06);--shadow-md: 0 4px 6px rgba(0,0,0,.07), 0 2px 4px rgba(0,0,0,.06);--shadow-lg: 0 10px 25px rgba(0,0,0,.1), 0 6px 10px rgba(0,0,0,.08);--shadow-xl: 0 20px 40px rgba(0,0,0,.12);--shadow-glow:0 0 20px rgba(0,180,216,.3);--ease-out-expo: cubic-bezier(.16,1,.3,1);--ease-spring: cubic-bezier(.175,.885,.32,1.275);--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .5s;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-overlay: 400;--z-modal: 500;--z-fab: 600;--z-chatbot: 700;--z-tooltip: 800;--container-max: 1200px;--container-narrow: 800px;--nav-height: 64px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--font-sans);color:var(--gray-700);background:var(--gray-50);line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}img,video,svg{display:block;max-width:100%;height:auto}a{color:var(--color-primary);text-decoration:none;transition:color var(--duration-fast)}a:hover{color:var(--color-primary-light)}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{color:var(--gray-800);line-height:1.3;font-weight:700}h1{font-size:var(--text-5xl)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-3xl)}h4{font-size:var(--text-2xl)}p{margin-bottom:var(--space-4)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-100%;left:50%;transform:translate(-50%);background:var(--color-primary);color:#fff;padding:var(--space-2) var(--space-6);border-radius:var(--radius-md);z-index:var(--z-tooltip);font-weight:600;transition:top var(--duration-fast)}.skip-link:focus{top:var(--space-2);color:#fff}.accesskey-anchor{position:absolute;left:10px;top:5px;font-size:14px;color:var(--gray-400);opacity:.3;text-decoration:none;z-index:1;pointer-events:auto}@media(max-width:1024px){.accesskey-anchor{opacity:.1}}.accesskey-anchor:hover,.accesskey-anchor:focus{opacity:1;color:var(--color-primary)}.navbar .accesskey-anchor{color:#fff;opacity:.5;left:10px;top:50%;transform:translateY(-50%)}.footer .accesskey-anchor{color:var(--gray-500);left:20px;top:20px}.main-content .accesskey-anchor{position:relative;display:block;margin:10px 0}.container{width:90%;max-width:var(--container-max);margin:0 auto}.container--narrow{max-width:var(--container-narrow)}.section{padding:var(--space-20) var(--space-4)}.section--alt{background:var(--gray-100)}.section__title{font-size:var(--text-3xl);text-align:center;margin-bottom:var(--space-2);color:var(--color-primary-dark)}.section__subtitle{text-align:center;color:var(--gray-500);margin-bottom:var(--space-12);font-size:var(--text-lg)}.breadcrumb{font-size:var(--text-sm);color:var(--gray-400);margin-bottom:var(--space-8);padding-top:var(--space-2)}.breadcrumb a{color:var(--gray-500)}.breadcrumb a:hover{color:var(--color-primary)}.breadcrumb span{margin:0 var(--space-2)}.fade-in{opacity:0;transform:translateY(24px);transition:opacity var(--duration-slow) var(--ease-out-expo),transform var(--duration-slow) var(--ease-out-expo)}.fade-in.visible{opacity:1;transform:translateY(0)}@media(max-width:768px){h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}.section{padding:var(--space-12) var(--space-4)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:600;font-family:inherit;border:none;cursor:pointer;transition:all var(--duration-normal) var(--ease-out-expo);text-decoration:none;line-height:1.5}.btn--primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));color:#fff;box-shadow:0 4px 14px #0a5e8a4d}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0a5e8a66;color:#fff}.btn--secondary{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.btn--secondary:hover{background:var(--color-primary);color:#fff}.btn--accent{background:linear-gradient(135deg,var(--color-accent),#FF6B1A);color:#fff;box-shadow:0 4px 14px #ff8c424d}.btn--accent:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff8c4266;color:#fff}.btn--ghost{background:#ffffff26;color:#fff;backdrop-filter:blur(4px)}.btn--ghost:hover{background:#ffffff40;color:#fff}.btn--disabled,.btn:disabled{background:var(--gray-300);color:var(--gray-500);cursor:not-allowed;box-shadow:none;transform:none}.btn--lg{padding:var(--space-4) var(--space-8);font-size:var(--text-lg)}.btn--block{width:100%}.btn .material-symbols-outlined{font-size:1.2em}.card{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;transition:transform var(--duration-normal) var(--ease-out-expo),box-shadow var(--duration-normal) var(--ease-out-expo)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.card__img{width:100%;height:200px;object-fit:cover}.card__body{padding:var(--space-6)}.card__title{font-size:var(--text-xl);font-weight:700;margin-bottom:var(--space-2);color:var(--gray-800)}.card__text{color:var(--gray-500);font-size:var(--text-sm)}.card--clickable{cursor:pointer}.card--clickable:hover .card__title{color:var(--color-primary)}.tag{display:inline-block;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;background:var(--color-primary);color:#fff}.tag--outline{background:transparent;color:var(--color-primary);border:1px solid var(--color-primary)}.tag--success{background:var(--color-success)}.tag--warning{background:var(--color-warning);color:var(--gray-800)}.tag--danger{background:var(--color-danger)}.tag--topic-1{background:var(--topic-1)}.tag--topic-2{background:var(--topic-2)}.tag--topic-3{background:var(--topic-3)}.tag--topic-4{background:var(--topic-4)}.tag--topic-5{background:var(--topic-5)}.tabs{display:flex;gap:var(--space-2);border-bottom:2px solid var(--gray-200);margin-bottom:var(--space-8);overflow-x:auto}.tab-btn{padding:var(--space-3) var(--space-6);border:none;background:none;cursor:pointer;font-size:var(--text-base);font-weight:600;color:var(--gray-400);font-family:inherit;border-bottom:3px solid transparent;margin-bottom:-2px;transition:all var(--duration-fast);white-space:nowrap}.tab-btn:hover{color:var(--color-primary)}.tab-btn.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.tab-panel{display:none}.tab-panel.active{display:block;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.accordion{border:1px solid var(--gray-200);border-radius:var(--radius-lg);overflow:hidden}.accordion__item{border-bottom:1px solid var(--gray-200)}.accordion__item:last-child{border-bottom:none}.accordion__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);background:#fff;cursor:pointer;font-weight:600;transition:background var(--duration-fast);border:none;width:100%;text-align:left;font-family:inherit;font-size:var(--text-base);color:var(--gray-700)}.accordion__header:hover{background:var(--gray-50)}.accordion__icon{transition:transform var(--duration-normal) var(--ease-out-expo);font-size:var(--text-xl)}.accordion__item.open .accordion__icon{transform:rotate(180deg)}.accordion__content{max-height:0;overflow:hidden;transition:max-height var(--duration-slow) var(--ease-out-expo);padding:0 var(--space-6)}.accordion__item.open .accordion__content{max-height:800px;padding:var(--space-4) var(--space-6)}.timeline{display:flex;align-items:center;gap:0;margin:var(--space-8) 0;position:relative}.timeline__step{flex:1;text-align:center;position:relative}.timeline__dot{width:36px;height:36px;border-radius:50%;background:var(--gray-300);color:#fff;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-2);font-weight:700;font-size:var(--text-sm);transition:all var(--duration-normal);position:relative;z-index:1}.timeline__step.active .timeline__dot,.timeline__step.completed .timeline__dot{background:var(--color-primary);box-shadow:0 0 0 4px #0a5e8a33}.timeline__step.completed .timeline__dot{background:var(--color-success)}.timeline__label{font-size:var(--text-xs);color:var(--gray-500)}.timeline__date{font-size:var(--text-xs);color:var(--gray-400);margin-top:var(--space-1)}.timeline__line{position:absolute;top:18px;left:50%;right:-50%;height:3px;background:var(--gray-200);z-index:0}.timeline__step:last-child .timeline__line{display:none}.timeline__step.completed .timeline__line{background:var(--color-success)}@media(max-width:768px){.timeline{flex-direction:column;align-items:flex-start;gap:var(--space-6)}.timeline__step{display:flex;align-items:center;gap:var(--space-4);text-align:left}.timeline__dot{margin:0}.timeline__line{left:18px;top:36px;right:auto;width:3px;height:100%}}.form-group{margin-bottom:var(--space-5)}.form-label{display:block;font-weight:600;margin-bottom:var(--space-2);color:var(--gray-700);font-size:var(--text-sm)}.form-label .required{color:var(--color-danger);margin-left:2px}.form-input,.form-select,.form-textarea{width:100%;padding:var(--space-3) var(--space-4);border:2px solid var(--gray-200);border-radius:var(--radius-md);font-size:var(--text-base);font-family:inherit;background:#fff;color:var(--gray-700);transition:border-color var(--duration-fast),box-shadow var(--duration-fast)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #0a5e8a26}.form-textarea{resize:vertical;min-height:120px}.form-hint{font-size:var(--text-xs);color:var(--gray-400);margin-top:var(--space-1)}.form-row{display:flex;gap:var(--space-4)}.form-row>*{flex:1}@media(max-width:768px){.form-row{flex-direction:column;gap:0}}.form-file{padding:var(--space-8);border:2px dashed var(--gray-300);border-radius:var(--radius-lg);text-align:center;cursor:pointer;background:var(--gray-50);transition:border-color var(--duration-fast)}.form-file:hover{border-color:var(--color-primary)}.form-file input[type=file]{display:none}.form-check{display:flex;align-items:center;gap:var(--space-2);cursor:pointer}.form-check input{width:18px;height:18px;accent-color:var(--color-primary)}.alert{padding:var(--space-4) var(--space-6);border-radius:var(--radius-md);font-weight:500;margin-bottom:var(--space-4)}.alert--success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.alert--error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.alert--info{background:#d1ecf1;color:#0c5460;border:1px solid #bee5eb}.alert--warning{background:#fff3cd;color:#856404;border:1px solid #ffeeba}.grid{display:grid;gap:var(--space-6)}.grid--2{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(3,1fr)}.grid--4{grid-template-columns:repeat(4,1fr)}.grid--5{grid-template-columns:repeat(5,1fr)}@media(max-width:1024px){.grid--4,.grid--5{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.grid--2,.grid--3,.grid--4,.grid--5{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.grid--2,.grid--3,.grid--4,.grid--5{grid-template-columns:1fr}}.modal{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(4px);z-index:var(--z-modal);display:none;align-items:center;justify-content:center}.modal.open,.modal.active{display:flex}.modal__card{background:#fff;border-radius:var(--radius-xl);padding:var(--space-8);max-width:500px;width:95%;box-shadow:var(--shadow-xl);animation:modalIn .3s var(--ease-spring);position:relative}@keyframes modalIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.hidden{display:none!important}.navbar{position:fixed;top:0;left:0;right:0;height:var(--nav-height);background:#ffffffeb;backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);box-shadow:0 1px #0000000f;z-index:var(--z-fixed);transition:background var(--duration-normal),box-shadow var(--duration-normal)}.navbar.scrolled{background:#fffffffa;box-shadow:var(--shadow-sm)}.navbar__inner{display:flex;align-items:center;justify-content:space-between;height:100%;max-width:var(--container-max);width:90%;margin:0 auto}.navbar__logo{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-lg);font-weight:700;color:var(--color-primary-dark);text-decoration:none;max-width:calc(100% - 60px);white-space:nowrap;overflow:hidden}.navbar__logo img{height:36px;flex-shrink:0}.navbar__logo span{overflow:hidden;text-overflow:ellipsis}.navbar__menu{display:flex;align-items:center;gap:var(--space-1)}.navbar__link{padding:var(--space-2) var(--space-3);color:var(--gray-600);font-weight:500;font-size:var(--text-sm);border-radius:var(--radius-md);transition:all var(--duration-fast);text-decoration:none;white-space:nowrap}.navbar__link:hover,.navbar__link.active{color:var(--color-primary);background:#0a5e8a0f}.navbar__cta{margin-left:var(--space-4);padding:var(--space-2) var(--space-6);border-radius:var(--radius-full);box-shadow:0 4px 12px #0a5e8a4d;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border:none;font-weight:700}.navbar__cta:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0a5e8a66}.navbar__toggle{display:none;background:none;border:none;cursor:pointer;width:40px;height:40px;position:relative;border-radius:var(--radius-md)}.navbar__toggle:hover{background:var(--gray-100)}.navbar__toggle span{display:block;width:22px;height:2px;background:var(--gray-600);border-radius:2px;position:absolute;left:9px;transition:all var(--duration-normal) var(--ease-out-expo)}.navbar__toggle span:nth-child(1){top:12px}.navbar__toggle span:nth-child(2){top:19px}.navbar__toggle span:nth-child(3){top:26px}.navbar__toggle.open span:nth-child(1){top:19px;transform:rotate(45deg)}.navbar__toggle.open span:nth-child(2){opacity:0}.navbar__toggle.open span:nth-child(3){top:19px;transform:rotate(-45deg)}@media(max-width:1024px){.navbar.open{height:100vh;background:#fff!important;backdrop-filter:none}.navbar.open .navbar__inner{height:var(--nav-height)}.navbar__toggle{display:block}.navbar__logo{font-size:var(--text-base)}.navbar__menu{position:fixed;top:var(--nav-height);left:0;right:0;bottom:0;background:#fff;flex-direction:column;align-items:stretch;padding:var(--space-8) var(--space-6);transform:translateY(-10px);transition:all var(--duration-normal) var(--ease-out-expo);opacity:0;visibility:hidden;pointer-events:none;gap:var(--space-1);box-shadow:none;overflow-y:auto}.navbar__menu.open{transform:translateY(0);opacity:1;visibility:visible;pointer-events:auto}.navbar__link{padding:var(--space-4) var(--space-4);font-size:var(--text-lg);border-bottom:1px solid var(--gray-100)}.navbar__cta{margin-left:0;margin-top:var(--space-4)}}.main-content{padding-top:var(--nav-height)}.footer{background:var(--gray-800);color:var(--gray-300);padding:var(--space-16) var(--space-4) var(--space-8)}.footer__inner{max-width:var(--container-max);margin:0 auto;width:90%}.footer__grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--space-10);margin-bottom:var(--space-10)}.footer__brand{display:flex;flex-direction:column}.footer__brand-name{font-size:var(--text-xl);font-weight:700;color:#fff;margin-bottom:var(--space-4)}.footer__brand p{color:var(--gray-400);font-size:var(--text-sm);line-height:1.8}.footer__title{color:#fff;font-size:var(--text-sm);font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-4)}.footer__links a{display:block;color:var(--gray-400);font-size:var(--text-sm);padding:var(--space-1) 0;transition:color var(--duration-fast)}.footer__links a:hover{color:#fff}.footer__bottom{border-top:1px solid var(--gray-600);padding-top:var(--space-6);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-4)}.footer__copy{font-size:var(--text-xs);color:var(--gray-500)}.footer__logos{display:flex;gap:var(--space-6);align-items:center}.footer__logos img{height:32px;filter:grayscale(1) brightness(1.8);transition:filter var(--duration-normal)}.footer__logos img:hover{filter:grayscale(0)}@media(max-width:768px){.footer__grid{grid-template-columns:1fr;gap:var(--space-8)}.footer__bottom{flex-direction:column;text-align:center}}.fab{position:fixed;bottom:24px;right:24px;z-index:var(--z-fab);display:flex;flex-direction:column-reverse;align-items:flex-end;gap:var(--space-3)}.fab__btn{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;border:none;cursor:pointer;box-shadow:var(--shadow-lg);display:flex;align-items:center;justify-content:center;font-size:24px;transition:transform var(--duration-normal) var(--ease-spring),box-shadow var(--duration-normal)}.fab__btn:hover{transform:translateY(-3px) scale(1.05);box-shadow:var(--shadow-glow),var(--shadow-xl)}.fab__btn img{width:100%;height:100%;border-radius:50%;object-fit:cover;background:#fff}.fab__menu{display:flex;flex-direction:column-reverse;gap:var(--space-2);align-items:flex-end;opacity:0;pointer-events:none;transform:translateY(10px);transition:all var(--duration-normal) var(--ease-spring)}.fab.open .fab__menu{opacity:1;pointer-events:auto;transform:translateY(0)}.fab__action{display:flex;align-items:center;gap:var(--space-3);background:#fff;border-radius:var(--radius-full);padding:var(--space-2) var(--space-4) var(--space-2) var(--space-3);box-shadow:var(--shadow-md);cursor:pointer;border:none;font-family:inherit;font-size:var(--text-sm);font-weight:600;color:var(--gray-700);transition:transform var(--duration-fast),box-shadow var(--duration-fast);white-space:nowrap}.fab__action:hover{transform:translate(-4px);box-shadow:var(--shadow-lg)}.fab__action-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px}.fab__action-icon--chat{background:var(--color-primary);color:#fff}.fab__action-icon--reg{background:var(--color-accent);color:#fff}.fab__action-icon--top{background:var(--gray-200);color:var(--gray-600)}.fab__action--top{display:none}.fab__action--top.visible{display:flex}@media(max-width:768px){.fab{bottom:16px;right:16px}.fab__btn{width:48px;height:48px;font-size:20px}}.chatbot{position:fixed;bottom:90px;right:24px;width:380px;max-height:520px;background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);z-index:var(--z-chatbot);display:none;flex-direction:column;overflow:hidden;animation:modalIn .3s var(--ease-spring)}.chatbot.open{display:flex}.chatbot__header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff}.chatbot__avatar{width:36px;height:36px;border-radius:50%;background:#fff;object-fit:contain}.chatbot__header-info{flex:1}.chatbot__header-name{font-weight:700;font-size:var(--text-sm)}.chatbot__header-status{font-size:var(--text-xs);opacity:.8}.chatbot__close{background:#fff3;border:none;color:#fff;width:28px;height:28px;border-radius:50%;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center}.chatbot__messages{flex:1;overflow-y:auto;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);min-height:200px;background:var(--gray-50)}.chatbot__msg{max-width:85%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm);line-height:1.6;animation:fadeIn .3s ease}.chatbot__msg--bot{align-self:flex-start;background:#fff;color:var(--gray-700);border-bottom-left-radius:var(--radius-sm);box-shadow:var(--shadow-sm)}.chatbot__msg--user{align-self:flex-end;background:var(--color-primary);color:#fff;border-bottom-right-radius:var(--radius-sm)}.chatbot__typing{display:flex;gap:4px;padding:var(--space-3);align-self:flex-start}.chatbot-dolphin{display:block;margin:0 auto;width:140px;height:140px;object-fit:contain;transition:transform .3s ease}.chatbot-promo__card:hover .chatbot-dolphin{transform:translateY(-5px) rotate(2deg)}.chatbot__typing span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-6px);opacity:1}}.chatbot__quick-tags{display:flex;gap:var(--space-2);padding:var(--space-3) var(--space-4);overflow-x:auto;background:var(--gray-50);border-top:1px solid var(--gray-200);flex-shrink:0;scrollbar-width:thin}.chatbot__quick-tags::-webkit-scrollbar{height:4px}.chatbot__quick-tags::-webkit-scrollbar-track{background:var(--gray-50)}.chatbot__quick-tags::-webkit-scrollbar-thumb{background:var(--gray-200);border-radius:4px}.chatbot__quick-tag{padding:var(--space-1) var(--space-3);border:1px solid var(--gray-300);border-radius:var(--radius-full);font-size:var(--text-xs);cursor:pointer;white-space:nowrap;background:#fff;font-family:inherit;color:var(--gray-600);transition:all var(--duration-fast)}.chatbot__quick-tag:hover{border-color:var(--color-primary);color:var(--color-primary)}.chatbot__input-area{display:flex;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:1px solid var(--gray-200);background:#fff;flex-shrink:0}.chatbot__input{flex:1;border:1px solid var(--gray-200);border-radius:var(--radius-full);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-family:inherit;outline:none}.chatbot__input:focus{border-color:var(--color-primary)}.chatbot__send{width:36px;height:36px;border-radius:50%;background:var(--color-primary);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;transition:background var(--duration-fast)}.chatbot__send:hover{background:var(--color-primary-dark)}@media(max-width:768px){.chatbot{position:fixed;inset:auto 0 0;width:100%;height:92dvh;max-height:92dvh;border-radius:var(--radius-xl) var(--radius-xl) 0 0;animation:slideUp .3s var(--ease-out-expo)}.chatbot__messages{flex:1;max-height:none}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.chatbot__footer{padding:var(--space-2) var(--space-4);font-size:10px;color:var(--gray-400);background:var(--gray-50);border-top:1px solid var(--gray-200);text-align:center;line-height:1.4}.chatbot__system-note{font-size:var(--text-xs);color:var(--gray-400);text-align:center;padding:var(--space-1) 0;font-style:italic}.chatbot__msg--bot a{color:var(--color-primary);text-decoration:underline}@keyframes spin{to{transform:rotate(360deg)}}.no-scroll{overflow:hidden!important}