body{min-height:100vh;}.container{max-width:1200px;margin:0 auto;padding:0 20px;}.breadcrumb{background:#fff;padding:15px 0;margin-bottom:20px;}.intro{background:#fff;padding:40px;margin-bottom:30px;border-radius:8px;}.intro h1{font-size:28px;margin-bottom:20px;color:#222;}.intro p{margin-bottom:15px;line-height:1.8;}section{background:#fff;padding:30px;margin-bottom:30px;border-radius:8px;}section h2{font-size:24px;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid #e74c3c;}section > p{margin-bottom:20px;color:#666;}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;}.card{background:#fafafa;padding:20px;border-radius:6px;transition:transform 0.2s,box-shadow 0.2s;}.card:hover{transform:translateY(-4px);box-shadow:0 4px 12px rgba(0,0,0,0.1);}.card h3{font-size:18px;margin-bottom:10px;}.card h3 a{color:#222;}.card h3 a:hover{color:#e74c3c;}.card .meta{font-size:13px;color:#999;margin-bottom:8px;}.card .oneline{font-size:14px;margin-bottom:10px;line-height:1.6;color:#555;}.card .excerpt{font-size:13px;color:#777;line-height:1.5;margin-bottom:10px;}.card .tags{font-size:12px;color:#0066cc;}.list-page .page-desc{font-size:16px;margin-bottom:20px;line-height:1.8;}.list-page .note{background:#fffbea;padding:15px;margin-bottom:20px;border-left:4px solid #f39c12;}.card-list{display:flex;flex-direction:column;gap:20px;}.card-item{display:flex;gap:15px;align-items:flex-start;background:#fafafa;padding:20px;border-radius:6px;}.card-item .number{font-size:24px;font-weight:bold;color:#e74c3c;min-width:40px;}.card-item .card{background:transparent;padding:0;flex:1;}.card-item .card:hover{transform:none;box-shadow:none;}.detail{background:#fff;padding:40px;border-radius:8px;}.detail h1{font-size:32px;margin-bottom:20px;}.detail .meta-info{background:#f9f9f9;padding:20px;margin-bottom:30px;border-radius:6px;}.detail .meta-info p{margin-bottom:8px;font-size:15px;}.detail section{background:transparent;padding:0;margin-bottom:30px;}.detail section h2{font-size:22px;margin-bottom:15px;}.detail section p{line-height:1.8;font-size:16px;white-space:pre-wrap;}.detail .related .card-grid{margin-top:20px;}.error-page{background:#fff;padding:60px 40px;text-align:center;border-radius:8px;}.error-page h1{font-size:36px;margin-bottom:20px;}.error-page p{font-size:18px;margin-bottom:15px;}@media (max-width:767px){.intro,section,.detail{padding:20px;}.intro h1{font-size:22px;}section h2{font-size:20px;}.card-grid{grid-template-columns:1fr;}.card-item{flex-direction:column;}.card-item .number{font-size:20px;min-width:auto;}.detail h1{font-size:24px;}}.ui-style-0{--accent:#e74c3c;}.ui-style-1{--accent:#e67e22;}.ui-style-2{--accent:#f39c12;}.ui-style-3{--accent:#d35400;}.ui-style-4{--accent:#c0392b;}.ui-style-5{--accent:#8e44ad;}.ui-style-6{--accent:#2980b9;}.ui-style-7{--accent:#16a085;}.ui-style-8{--accent:#27ae60;}.ui-style-9{--accent:#2c3e50;}.ui-style-10{--accent:#00C75A;}.ui-style-11{--accent:#0099FF;}.ui-style-12{--accent:#FF6700;}.ui-style-13{--accent:#00A1D6;}.ui-style-14{--accent:#1a5490;}