.results-inner{width:100%;max-width:880px;margin:0 auto;padding:0 20px}@media (max-width:767px){.results-inner{padding:0 15px}}.result-card{background:#fff;border:1px solid #f36b0a33;border-radius:10px;flex-direction:column;height:100%;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 1px 2px #f36b0a0d}.result-card:hover{border-color:#f36b0a80;box-shadow:0 20px 25px -5px #f36b0a1f,0 10px 10px -5px #0000000a}.result-card:hover .result-card__image-img{transform:scale(1.08)}.result-card:hover .result-card__action-icon{opacity:1;transform:translate(0)scale(1.1)}.result-card:hover .result-card__overlay{opacity:1}.result-card__link{height:100%;color:inherit;flex-direction:column;text-decoration:none;display:flex}.result-card__image{aspect-ratio:16/9;background:linear-gradient(135deg,#fcf6f1 0%,#f5f5f4 100%);position:relative;overflow:hidden}.result-card__image-img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.4,0,.2,1)}.result-card__overlay{opacity:0;background:linear-gradient(135deg,#f36b0a26 0%,#f36b0a0d 100%);transition:opacity .4s;position:absolute;inset:0}.result-card__badge{z-index:10;position:absolute;top:10px;left:10px}.result-card__work-type{color:#fff;letter-spacing:.025em;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);text-transform:uppercase;border:1px solid #fff;border-radius:3.40282e38px;align-items:center;padding:3px 12px;font-size:12px;font-weight:700;display:inline-flex;box-shadow:0 8px 24px #00000026}.result-card__work-type.work-type-work-type-main,.result-card__work-type.work-type-main{color:#fff;background:linear-gradient(135deg,#f36b0a 0%,#c25508 100%)}.result-card__work-type.work-type-work-type-side,.result-card__work-type.work-type-side{color:#fff;background:linear-gradient(135deg,#059669 0%,#047857 100%)}.result-card__work-type.work-type-work-type-freelance,.result-card__work-type.work-type-freelance{color:#fff;background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%)}.result-card__work-type.work-type-personal{color:#fff;background:linear-gradient(135deg,#7c3aed 0%,#6d28d9 100%)}.result-card__work-type.work-type-未分類{color:#fff;background:linear-gradient(135deg,#57534e 0%,#44403c 100%)}.result-card__action-icon{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);opacity:0;z-index:10;background:#fffffff2;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:15px;right:15px;transform:translate(12px)scale(.9);box-shadow:0 8px 24px #00000026}.result-card__action-icon svg{color:#f36b0a;width:20px;height:20px}.result-card__content{background:#fff;flex-direction:column;flex:1;padding:15px;display:flex}.result-card__meta{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:15px;display:flex}.result-card__category{color:#f36b0a;letter-spacing:.025em;background:#f36b0a0d;border:1px solid #f36b0a26;border-radius:10px;align-items:center;padding:2px 10px;font-size:12px;font-weight:600;display:inline-flex}.result-card__period{color:#78716c;letter-spacing:.025em;align-items:center;font-size:12px;font-weight:600;display:flex}.result-card__period:before{content:"🕒";margin-right:6px;font-size:14px}.result-card__title{color:#282828;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-bottom:10px;font-size:18px;font-weight:700;line-height:1.5;transition:color .3s;display:-webkit-box;overflow:hidden}.result-card__summary{color:#57534e;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;flex:1;font-size:14px;line-height:1.7;display:-webkit-box;overflow:hidden}.result-card__date{color:#a8a29e;letter-spacing:.025em;border-top:1px solid #f36b0a4d;margin-top:auto;padding-top:15px;font-size:12px;font-weight:600}.results-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:clamp(20px,2vw,30px);margin-bottom:50px;display:grid}.results-empty{text-align:center;background:linear-gradient(135deg,#fcf6f1 0%,#fff 100%);border:2px dashed #f36b0a33;padding:80px 32px}.results-empty__icon{opacity:.7;margin-bottom:32px;font-size:72px}.results-empty__title{color:#282828;margin-bottom:16px;font-size:28px;font-weight:700}.results-empty__description{color:#57534e;font-size:18px;line-height:1.7}.results-loading{grid-template-columns:1fr;gap:40px;display:grid}@media (min-width:768px){.results-loading{grid-template-columns:repeat(2,1fr);gap:32px}}@media (min-width:1041px){.results-loading{grid-template-columns:repeat(3,1fr);gap:40px}}.result-loading-card{background:#fff;border:1px solid #f36b0a14;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse;overflow:hidden;box-shadow:0 1px 2px #f36b0a0d}.result-loading-card__image{aspect-ratio:16/9;background:linear-gradient(135deg,#fcf6f1 0%,#e7e5e4 100%)}.result-loading-card__content{padding:28px}.result-loading-card__line{background:linear-gradient(135deg,#f36b0a1a 0%,#e7e5e4 100%);border-radius:8px;height:14px;margin-bottom:16px}.result-loading-card__line:last-child{margin-bottom:0}.result-loading-card__line--short{width:45%}.result-loading-card__line--medium{width:75%}.result-loading-card__line--long{width:95%}.result-detail__breadcrumb{margin-bottom:40px}.result-detail__breadcrumb ol{color:#57534e;align-items:center;margin:0;padding:0;font-size:14px;list-style:none;display:flex}.result-detail__breadcrumb ol li{align-items:center;display:flex}.result-detail__breadcrumb ol li:not(:last-child):after{content:">";color:#f36b0a;margin:0 12px;font-weight:600}.result-detail__breadcrumb ol li a{color:#282828;font-weight:500;text-decoration:none;transition:color .2s}.result-detail__breadcrumb ol li a:hover{color:#f36b0a}.result-detail__breadcrumb ol li:last-child{color:#282828;font-weight:600}.result-detail__header{background:linear-gradient(135deg,#fff 0%,#fcf6f1 100%);border:1px solid #f36b0a4d;border-radius:20px;margin-bottom:50px;padding:25px}@media (max-width:767px){.result-detail__header{padding:15px}}.result-detail__header-badges{flex-wrap:wrap;align-items:center;gap:15px;margin-bottom:20px;display:flex}.result-detail__header-badges .badge{letter-spacing:.025em;border-radius:3.40282e38px;align-items:center;padding:2px 12px;font-size:14px;font-weight:700;display:inline-flex}.result-detail__header-badges .badge--work-type{color:#f36b0a;background:#f36b0a0d;border:1px solid #f36b0a26;font-weight:600}.result-detail__header-badges .badge--project-type{color:#282828;background:#f5f5f4;border:1px solid #e7e5e4}.result-detail__header-badges .badge--period{color:#78716c;background:0 0;padding:0;font-size:14px;font-weight:600}.result-detail__header-badges .badge--period:before{content:"🕒";margin-right:8px;font-size:16px}.result-detail__header-title{color:#282828;margin-bottom:20px;font-size:36px;font-weight:700;line-height:1.4}@media (max-width:767px){.result-detail__header-title{font-size:26px}}.result-detail__header-meta{color:#57534e;border-top:1px solid #f36b0a66;flex-wrap:wrap;gap:5px 20px;padding-top:20px;font-size:15px;display:flex}.result-detail__header-meta time,.result-detail__header-meta span{align-items:center;gap:8px;font-weight:600;display:flex}.result-detail__header-meta .meta-icon{color:#f36b0a;flex-shrink:0;width:18px;height:18px}.result-detail__section:not(:is(.pagetitle,:last-of-type)){padding-bottom:80px}.result-detail__section-title{color:#282828;margin-bottom:20px;padding-left:20px;font-size:32px;font-weight:700;position:relative}.result-detail__section-title:before{content:"";background:linear-gradient(135deg,#f36b0a 0%,#aa4b07 100%);border-radius:3px;width:6px;height:70%;position:absolute;top:50%;left:0;transform:translateY(-50%)}@media (max-width:767px){.result-detail__section-title{font-size:26px}}.result-detail__section-content--summary{background:#fff;border:1px solid #f36b0a4d;border-radius:20px;padding:20px 25px}.result-detail__section-content--summary p{color:#282828;white-space:pre-line;margin:0;font-size:16px;line-height:1.8}@media (max-width:767px){.result-detail__section-content--summary{padding:15px 20px}}.result-detail__section-highlights ul{margin:0;padding:0;list-style:none}.result-detail__section-highlights ul li{color:#282828;align-items:flex-start;font-size:16px;line-height:1.7;display:flex}.result-detail__section-highlights ul li:not(:last-child){margin-bottom:10px}.result-detail__section-content--tags .tags-container{flex-wrap:wrap;gap:10px;margin:0;display:flex}.result-detail__section-content--tags .tags-container .tag{letter-spacing:.025em;border:1px solid #0000;border-radius:3.40282e38px;align-items:center;padding:2px 12px;font-size:14px;font-weight:600;transition:all .15s cubic-bezier(.4,0,.2,1);display:inline-flex}.result-detail__section-content--tags .tags-container .tag--role{color:#f36b0a;background:#f36b0a0d;border-color:#f36b0a40}.result-detail__section-content--tags .tags-container .tag--role:hover{background:#f36b0a1f;border-color:#f36b0a66;transform:translateY(-1px)}.result-detail__section-content--tags .tags-container .tag--tech{color:#f36b0a;background:#f36b0a0d;border-color:#f36b0a40}.result-detail__section-content--tags .tags-container .tag--tech:hover{background:#f36b0a1f;border-color:#f36b0a66;transform:translateY(-1px)}.result-detail__navigation{border-top:2px solid #f36b0a1a;margin-top:80px;padding-top:40px}.result-detail__navigation-content{justify-content:center;align-items:center;display:flex}.result-detail__navigation-back{color:#f36b0a;letter-spacing:.025em;background:#fff;border:1px solid #f36b0a4d;border-radius:16px;align-items:center;padding:16px 28px;text-decoration:none;transition:all .15s cubic-bezier(.4,0,.2,1);display:inline-flex}.result-detail__navigation-back:hover{background:#f36b0a0d;border-color:#f36b0a;box-shadow:0 4px 6px -1px #f36b0a14,0 2px 4px -1px #0000000f}.result-detail__navigation-back svg{width:18px;height:18px;margin-right:12px}blockquote{color:#282828;margin:0 0 28px;padding:0 20px;font-size:19px;font-style:italic;line-height:1.8;position:relative}blockquote:before{content:"\"";color:#f36b0a4d;font-family:Georgia,serif;font-size:48px;position:absolute;top:-12px;left:-8px}cite{text-align:right;color:#57534e;font-size:16px;font-style:normal;font-weight:600;display:block}.site-link-card{color:inherit;background:#fff;border:1px solid #f36b0a4d;border-radius:10px;align-items:center;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden;box-shadow:0 1px 2px #f36b0a0d}.site-link-card:hover{border-color:#f36b0a99;box-shadow:0 10px 15px -3px #f36b0a1a,0 4px 6px -2px #0000000d}.site-link-card:hover .site-link-card__title,.site-link-card:hover .site-link-card__description,.site-link-card:hover .site-link-card__url{color:#f36b0a}.site-link-card__favicon{flex:0 0 80px;justify-content:center;align-items:center;height:100%;padding-left:16px;display:flex}.site-link-card__favicon img{object-fit:contain;border-radius:8px;width:64px;height:64px;transition:transform .3s}@media (max-width:767px){.site-link-card__favicon{flex:0 0 64px}}.site-link-card__content{flex-direction:column;flex:1;justify-content:center;padding:16px;display:flex;position:relative}@media (max-width:767px){.site-link-card__content{min-height:80px;padding:12px 40px 12px 12px}}.site-link-card__header{justify-content:space-between;align-items:flex-start;display:flex}.site-link-card__title{color:#282828;margin:0;font-size:18px;font-weight:700;line-height:1.4;transition:color .2s}@media (max-width:767px){.site-link-card__title{font-size:16px}}.site-link-card__action{color:#f36b0a;background:#f36b0a1a;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;padding:10px;display:flex;position:absolute;top:50%;right:20px;transform:translateY(-50%)}.site-link-card__action svg{width:16px;height:16px;transition:transform .2s}@media (max-width:767px){.site-link-card__action{padding:6px;right:10px}}.site-link-card__description{color:#57534e;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:14px;line-height:1.6;transition:color .2s;display:-webkit-box;overflow:hidden}.site-link-card__url{color:#78716c;word-break:break-all;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;font-size:12px;font-weight:500;transition:color .2s;display:-webkit-box;overflow:hidden}.site-link{color:#fff;letter-spacing:.025em;background:linear-gradient(135deg,#f36b0a 0%,#c25508 100%);border-radius:16px;align-items:center;padding:20px 32px;font-size:16px;font-weight:700;text-decoration:none;transition:all .15s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 6px -1px #f36b0a14,0 2px 4px -1px #0000000f}.site-link:hover{background:linear-gradient(135deg,#db6009 0%,#aa4b07 100%);transform:translateY(-4px);box-shadow:0 20px 25px -5px #f36b0a1f,0 10px 10px -5px #0000000a}.site-link svg{width:20px;height:20px;margin-left:12px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@media (max-width:767px){.result-card__action-icon{width:30px;height:30px}.result-card__action-icon svg{width:18px;height:18px}.result-card__work-type{padding:5px 10px;font-size:12px}.result-card__title{font-size:18px}.result-card__summary{font-size:14px}}