.cmp-page{background-color:var(--color-bg-secondary);padding-bottom:var(--space-16)}.cmp-hero{text-align:center;padding:var(--space-8) var(--space-6);background:var(--color-gradient-dark);border-radius:var(--radius-xl);margin-bottom:var(--space-6);color:var(--color-text-on-dark)}.cmp-hero__title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-2);line-height:var(--line-height-tight)}.cmp-hero__subtitle{font-size:var(--font-size-base);opacity:.85;margin:0;max-width:500px;margin-inline:auto}.cmp-selector{display:none;background:var(--color-bg);padding:var(--space-5);border-radius:var(--radius-xl);margin-bottom:var(--space-6);box-shadow:var(--shadow-md)}.cmp-selector__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);text-align:center;margin:0 0 var(--space-4);color:var(--color-text)}.cmp-selector__row{display:flex;align-items:flex-end;justify-content:center;gap:var(--space-3);margin-bottom:var(--space-4)}.cmp-selector__item{flex:1;max-width:140px}.cmp-selector__label{display:block;font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--space-1);text-align:center}.cmp-selector__select{width:100%;padding:var(--space-2-5) var(--space-3);border:2px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--font-size-sm);background:var(--color-bg);cursor:pointer;transition:border-color var(--duration-200) var(--easing-out);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:32px}.cmp-selector__select:focus{outline:0;border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.cmp-selector__vs{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary);padding-bottom:var(--space-2)}.cmp-selector__quick{padding-top:var(--space-3);border-top:1px solid var(--color-border);margin-bottom:var(--space-3)}.cmp-selector__quick-label{display:block;text-align:center;font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--space-2)}.cmp-selector__quick-btns{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2)}.cmp-selector__quick-btn{padding:var(--space-1-5) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-bg);font-size:var(--font-size-xs);cursor:pointer;transition:all var(--duration-200) var(--easing-out)}.cmp-selector__quick-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.cmp-selector__quick-btn.is-active{border-color:var(--color-primary);color:var(--color-white);background:var(--color-primary)}.cmp-selector__nav{padding-top:var(--space-3);border-top:1px solid var(--color-border)}.cmp-selector__nav-label{display:block;text-align:center;font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--space-2)}.cmp-selector__nav-links{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2)}.cmp-selector__nav-link{padding:var(--space-1) var(--space-2-5);background:var(--color-bg-secondary);border-radius:var(--radius-md);font-size:var(--font-size-xs);color:var(--color-text-secondary);text-decoration:none;transition:all var(--duration-200) var(--easing-out)}.cmp-selector__nav-link:hover{background:var(--color-primary-lighter);color:var(--color-primary)}.cmp-cards{margin-bottom:var(--space-8)}.cmp-cards__grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-4);align-items:stretch}.cmp-card{position:relative;background:var(--color-bg);border-radius:var(--radius-xl);padding:var(--space-5);box-shadow:var(--shadow-md);transition:transform var(--duration-200) var(--easing-out),box-shadow var(--duration-200) var(--easing-out);display:flex;flex-direction:column;min-height:380px}.cmp-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover)}.cmp-card__badge{position:absolute;top:var(--space-3);left:var(--space-3);padding:var(--space-1) var(--space-2-5);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-sm);z-index:1}.cmp-card__badge--new{background:var(--color-primary);color:var(--color-text-on-primary)}.cmp-card__badge--hot{background:var(--color-danger);color:var(--color-text-on-danger)}.cmp-card__image{width:100%;height:140px;display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-3);flex-shrink:0}.cmp-card__image img{max-width:100%;max-height:100%;object-fit:contain}.cmp-card__info{display:flex;flex-direction:column;flex:1;text-align:center}.cmp-card__name{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-2);color:var(--color-text);line-height:var(--line-height-snug);min-height:2.8em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cmp-card__highlights{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-1);margin-bottom:var(--space-3);min-height:28px;align-items:flex-start;flex-shrink:0}.cmp-card__tag{display:inline-block;padding:var(--space-0-5) var(--space-2);background:var(--color-bg-tertiary);border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--color-text-secondary);white-space:nowrap}.cmp-card__price{min-height:32px;margin-bottom:var(--space-3);display:flex;align-items:center;justify-content:center;flex-shrink:0}.cmp-card__price-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-primary)}.cmp-card__price-empty{font-size:var(--font-size-sm);color:var(--color-text-muted)}.cmp-card__btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);width:100%;padding:var(--space-2-5) var(--space-4);background:var(--color-primary);color:var(--color-text-on-primary);text-decoration:none;border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:background var(--duration-200) var(--easing-out);margin-top:auto;flex-shrink:0}.cmp-card__btn:hover{background:var(--color-primary-hover);color:var(--color-text-on-primary)}.cmp-card__btn-icon{transition:transform var(--duration-200) var(--easing-out)}.cmp-card__btn:hover .cmp-card__btn-icon{transform:translateX(2px)}.cmp-table{background:var(--color-bg);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);overflow:hidden}.cmp-table__sticky-header{position:fixed;top:var(--header-height);left:0;right:0;z-index:var(--z-sticky-header);background:var(--color-bg-darker);color:var(--color-text-on-dark);opacity:0;visibility:hidden;transform:translateY(-20px);transition:all var(--duration-300) var(--easing-out);box-shadow:0 4px 12px var(--overlay-primary-15)}.cmp-table__sticky-header.is-active{opacity:1;visibility:visible;transform:translateY(0)}.cmp-table__sticky-row{display:grid;grid-template-columns:140px repeat(5,1fr);gap:1px;max-width:1200px;margin:0 auto;padding:0 var(--space-4)}.cmp-table__sticky-cell{padding:var(--space-3) var(--space-2);text-align:center;font-size:var(--font-size-sm)}.cmp-table__sticky-cell--label{text-align:left;padding-left:var(--space-4);font-weight:var(--font-weight-semibold)}.cmp-table__sticky-cell strong{display:block;font-size:var(--font-size-sm);margin-bottom:2px}.cmp-table__sticky-cell small{opacity:.8;color:var(--color-text-on-dark-secondary)}.cmp-table__body{padding:0}.cmp-table__section{background:var(--color-bg-tertiary);padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border)}.cmp-table__section:first-child{border-top:none}.cmp-table__section-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin:0;color:var(--color-text)}.cmp-table__section-icon{color:var(--color-primary)}.cmp-table__row{display:grid;grid-template-columns:140px repeat(5,1fr);gap:1px;border-bottom:1px solid var(--color-border-light)}.cmp-table__row:last-child{border-bottom:none}.cmp-table__cell{padding:var(--space-3-5) var(--space-2-5);text-align:center;font-size:var(--font-size-sm);color:var(--color-text);display:flex;flex-direction:column;justify-content:center;align-items:center}.cmp-table__cell--label{text-align:left;align-items:flex-start;padding-left:var(--space-4);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);background:var(--color-bg-secondary)}.cmp-table__cell--highlight{color:var(--color-primary);font-weight:var(--font-weight-semibold)}.cmp-table__cell small{display:block;font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:2px}.cmp-check{color:var(--color-success);font-weight:var(--font-weight-semibold)}.cmp-cross{color:var(--color-danger)}.cmp-na{color:var(--color-text-muted)}.cmp-table__cell--package{text-align:left;align-items:flex-start}.cmp-package-list{list-style:none;margin:0;padding:0;font-size:var(--font-size-xs);text-align:left}.cmp-package-list li{position:relative;padding-left:var(--space-4);margin-bottom:var(--space-1);color:var(--color-text-secondary)}.cmp-package-list li::before{content:"✓";position:absolute;left:0;color:var(--color-success)}.cmp-table__row--cta{background:var(--color-bg-secondary);padding:var(--space-2) 0}.cmp-table__row--cta .cmp-table__cell{padding:var(--space-4) var(--space-2-5)}.cmp-table__btn{display:inline-block;padding:var(--space-2-5) var(--space-5);background:var(--color-primary);color:var(--color-text-on-primary);text-decoration:none;border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:background var(--duration-200) var(--easing-out)}.cmp-table__btn:hover{background:var(--color-primary-hover);color:var(--color-text-on-primary)}.cmp-faq{margin-top:var(--space-10);padding:var(--space-10);background:var(--color-bg);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.cmp-faq__title{display:flex;align-items:center;justify-content:center;gap:var(--space-3);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-6);text-align:center;color:var(--color-text)}.cmp-faq__title-icon{color:var(--color-primary)}.cmp-faq__list{max-width:800px;margin:0 auto}.cmp-faq__item{border-bottom:1px solid var(--color-border);padding:var(--space-4) 0}.cmp-faq__item:last-child{border-bottom:none}.cmp-faq__question{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin:0;cursor:pointer;color:var(--color-text);transition:color var(--duration-200) var(--easing-out)}.cmp-faq__question:hover{color:var(--color-primary)}.cmp-faq__toggle{flex-shrink:0;color:var(--color-text-muted);transition:transform var(--duration-300) var(--easing-out)}.cmp-faq__item.is-open .cmp-faq__toggle{transform:rotate(45deg)}.cmp-faq__answer{max-height:0;overflow:hidden;transition:max-height var(--duration-300) var(--easing-out)}.cmp-faq__item.is-open .cmp-faq__answer{max-height:500px}.cmp-faq__answer p{margin:var(--space-4) 0 0;font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--color-text-secondary)}.cmp-faq__more{display:inline-flex;align-items:center;gap:var(--space-1);margin-top:var(--space-3);font-size:var(--font-size-sm);color:var(--color-primary);text-decoration:none}.cmp-faq__more:hover{text-decoration:underline}.cmp-faq__footer{text-align:center;margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--color-border)}.cmp-faq__btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:var(--color-bg-tertiary);color:var(--color-text);text-decoration:none;border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:all var(--duration-200) var(--easing-out)}.cmp-faq__btn:hover{background:var(--color-primary);color:var(--color-text-on-primary)}@media (max-width:1024px){.cmp-cards__grid{grid-template-columns:repeat(3,1fr)}.cmp-table__row,.cmp-table__sticky-row{grid-template-columns:120px repeat(5,1fr)}.cmp-table__cell{font-size:var(--font-size-xs);padding:var(--space-3) var(--space-2)}}@media (max-width:768px){.cmp-selector{display:block}.cmp-hero{padding:var(--space-6) var(--space-4);margin-bottom:var(--space-6)}.cmp-hero__title{font-size:var(--font-size-2xl)}.cmp-hero__subtitle{font-size:var(--font-size-md)}.cmp-hero__nav{gap:var(--space-1-5)}.cmp-hero__nav-item{padding:var(--space-1-5) var(--space-3);font-size:var(--font-size-xs)}.cmp-cards__grid{grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.cmp-card{padding:var(--space-4);min-height:280px}.cmp-card__image{height:100px}.cmp-card__image img{max-height:100%}.cmp-card__name{font-size:var(--font-size-sm);min-height:2.4em}.cmp-card__price-value{font-size:var(--font-size-lg)}.cmp-card__highlights{display:none}.cmp-card__btn{padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs)}.cmp-table__row,.cmp-table__sticky-row{grid-template-columns:100px repeat(2,1fr)}.cmp-table__cell--label{font-size:var(--font-size-xs);padding-left:var(--space-3)}.cmp-table__cell{font-size:var(--font-size-xs);padding:var(--space-2-5) var(--space-1-5)}.cmp-table__cell small{font-size:10px}.cmp-table__sticky-header{top:50px}.cmp-table__cell[data-col]:not(.is-visible),.cmp-table__sticky-cell[data-col]:not(.is-visible){display:none}.cmp-package-list li{font-size:10px}.cmp-faq{padding:var(--space-6) var(--space-4)}.cmp-faq__title{font-size:var(--font-size-xl)}.cmp-faq__question{font-size:var(--font-size-sm)}}@media (max-width:480px){.cmp-selector__row{flex-direction:column;gap:var(--space-2)}.cmp-selector__item{max-width:100%;width:100%}.cmp-selector__vs{padding:var(--space-1) 0}.cmp-table__row,.cmp-table__sticky-row{grid-template-columns:80px repeat(2,1fr)}.cmp-table__cell--label{padding-left:var(--space-2)}}.cmp-related-topics{margin-top:var(--space-10);padding-top:var(--space-8);border-top:1px solid var(--color-border)}.cmp-related-topics__title{margin:0 0 var(--space-5);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text);text-align:center}.cmp-related-topics__grid{display:grid;gap:var(--space-4);grid-template-columns:1fr}.cmp-related-topic-card{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-5);background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);text-decoration:none;color:inherit;transition:transform var(--duration-200) var(--easing-out),border-color var(--duration-200) var(--easing-out),box-shadow var(--duration-200) var(--easing-out)}.cmp-related-topic-card:hover{transform:translateY(-2px);border-color:var(--color-primary-light);box-shadow:0 4px 12px rgba(0,0,0,.06)}.cmp-related-topic-card__badge{display:inline-block;align-self:flex-start;padding:var(--space-1) var(--space-2-5);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-primary);background-color:var(--color-primary-lighter);border-radius:var(--radius-full)}.cmp-related-topic-card__title{margin:0;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);line-height:1.3;color:var(--color-text)}.cmp-related-topic-card__slogan{margin:0;font-size:var(--font-size-sm);line-height:1.5;color:var(--color-text-secondary)}.cmp-related-topic-card__cta{display:inline-flex;align-items:center;gap:var(--space-1);margin-top:var(--space-1);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-primary)}@media (min-width:640px){.cmp-related-topics__grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.cmp-related-topics__grid{grid-template-columns:repeat(4,1fr)}}.cmp-card__price-empty,.cmp-card__price-value[data-price=""],.cmp-card__tag:empty{display:none}.cmp-card__price-value[data-price=""]+.cmp-card__price-empty{display:block}.cmp-table__sticky-price[data-price=""]{display:none}