:root {
--primary: #7c3aed;
--primary-dark: #6d28d9;
--primary-darker: #4c1d95;
--accent: #f59e0b;
--accent-glow: rgba(245, 158, 11, 0.35);
--bg-deep: #0d0a16;
--bg-hero: #150f24;
--bg-body: #0f0b1a;
--bg-card: #1a1428;
--bg-card-hover: #221a35;
--bg-section-alt: #150f24;
--bg-tag: rgba(124, 58, 237, 0.18);
--bg-tag-hover: rgba(124, 58, 237, 0.35);
--border-color: #2a1f45;
--border-light: #3d2d5e;
--text-primary: #f0ecf9;
--text-secondary: #c4b8d9;
--text-muted: #9a8bb5;
--text-on-dark: #e8e0f0;
--font-sans: 'PingFang SC', 'Microsoft YaHei', 'Helvetica Neue', Arial, sans-serif;
--font-serif: 'Georgia', 'Times New Roman', 'Songti SC', serif;
--container-max: 1140px;
--content-max: 820px;
--radius-sm: 6px;
--radius-md: 12px;
--radius-lg: 20px;
--radius-xl: 28px;
--shadow-card: 0 4px 24px rgba(0, 0, 0, 0.35);
--shadow-hero: 0 20px 60px rgba(0, 0, 0, 0.5);
--transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
--gradient-hero: linear-gradient(135deg, #1a0f2e 0%, #150f24 40%, #0d0a16 100%);
--gradient-primary: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);
--gradient-gold: linear-gradient(135deg, #fbbf24 0%, var(--accent) 50%, #d97706 100%);
--gradient-card: linear-gradient(145deg, #1a1428 0%, #150f24 100%);
}
*,
*::before,
*::after {
margin: 0;
padding: 0;
box-sizing: border-box;
}
html {
scroll-behavior: smooth;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
body {
font-family: var(--font-sans);
background-color: var(--bg-body);
color: var(--text-primary);
line-height: 1.75;
font-size: 16px;
min-height: 100vh;
display: flex;
flex-direction: column;
overflow-x: hidden;
}
/* ========== 全宽通栏容器 ========== */
.full-width {
width: 100%;
margin: 0;
padding: 0;
}
.container {
max-width: var(--container-max);
margin: 0 auto;
padding-left: 24px;
padding-right: 24px;
}
.container-content {
max-width: var(--content-max);
margin: 0 auto;
padding-left: 24px;
padding-right: 24px;
}
/* ========== 顶部导航栏 ========== */
.main-nav-wrapper {
background: var(--bg-deep);
border-bottom: 1px solid var(--border-color);
position: sticky;
top: 0;
z-index: 1000;
backdrop-filter: blur(16px);
-webkit-backdrop-filter: blur(16px);
background: rgba(13, 10, 22, 0.92);
}
.main-nav {
display: flex;
align-items: center;
justify-content: space-between;
min-height: 68px;
padding-top: 10px;
padding-bottom: 10px;
}
.main-nav .nav-links-area {
width: 100%;
display: flex;
align-items: center;
justify-content: flex-start;
}
/* 导航占位符内的通用样式 */
.main-nav .nav-links-area a {
color: var(--text-secondary);
text-decoration: none;
font-size: 14px;
font-weight: 500;
letter-spacing: 0.3px;
margin: 0 14px;
transition: color var(--transition);
position: relative;
white-space: nowrap;
}
.main-nav .nav-links-area a:hover {
color: var(--accent);
}
.main-nav .nav-links-area a.active {
color: var(--accent);
}
.main-nav .nav-links-area a.active::after {
content: '';
position: absolute;
bottom: -6px;
left: 50%;
transform: translateX(-50%);
width: 20px;
height: 2px;
background: var(--accent);
border-radius: 2px;
}
/* ========== Hero 区域 ========== */
.hero-wrapper {
background: var(--gradient-hero);
position: relative;
overflow: hidden;
border-bottom: 1px solid var(--border-color);
}
.hero-wrapper::before {
content: '';
position: absolute;
top: -50%;
right: -20%;
width: 600px;
height: 600px;
background: radial-gradient(circle, rgba(124, 58, 237, 0.25) 0%, transparent 70%);
pointer-events: none;
}
.hero-wrapper::after {
content: '';
position: absolute;
bottom: -30%;
left: -10%;
width: 400px;
height: 400px;
background: radial-gradient(circle, rgba(245, 158, 11, 0.12) 0%, transparent 70%);
pointer-events: none;
}
.hero-inner {
display: flex;
align-items: center;
gap: 48px;
min-height: 420px;
padding-top: 48px;
padding-bottom: 48px;
position: relative;
z-index: 2;
}
.hero-text {
flex: 1;
text-align: left;
}
.hero-visual {
flex: 0 0 380px;
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
/* 面包屑 */
.breadcrumb-area {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 8px;
margin-bottom: 20px;
font-size: 13px;
color: var(--text-muted);
letter-spacing: 0.3px;
}
.breadcrumb-area a {
color: var(--text-muted);
text-decoration: none;
transition: color var(--transition);
}
.breadcrumb-area a:hover {
color: var(--accent);
}
.breadcrumb-separator {
width: 6px;
height: 6px;
border-top: 1.5px solid var(--text-muted);
border-right: 1.5px solid var(--text-muted);
transform: rotate(45deg);
flex-shrink: 0;
}
/* 分类导航 */
.category-nav-area {
margin-top: 10px;
margin-bottom: 10px;
font-size: 13px;
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 8px;
}
.category-nav-area a {
color: var(--primary);
text-decoration: none;
font-weight: 500;
transition: color var(--transition);
background: var(--bg-tag);
padding: 4px 14px;
border-radius: 20px;
font-size: 12px;
letter-spacing: 0.3px;
}
.category-nav-area a:hover {
color: var(--accent);
background: var(--bg-tag-hover);
}
/* 标题 */
.article-title {
font-size: 40px;
font-weight: 800;
line-height: 1.25;
color: var(--text-primary);
letter-spacing: -0.5px;
margin-bottom: 20px;
text-wrap: balance;
}
.article-title .highlight {
background: var(--gradient-gold);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
/* 发布信息 */
.article-meta {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 20px;
font-size: 14px;
color: var(--text-muted);
}
.meta-item {
display: flex;
align-items: center;
gap: 8px;
}
/* CSS 几何图标 */
.icon-clock {
width: 15px;
height: 15px;
border: 1.5px solid var(--text-muted);
border-radius: 50%;
position: relative;
display: inline-block;
flex-shrink: 0;
}
.icon-clock::before {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 4px;
height: 1.5px;
background: var(--text-muted);
transform-origin: left center;
transform: translateY(-50%) rotate(0deg);
border-radius: 1px;
}
.icon-clock::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 3px;
height: 1.5px;
background: var(--text-muted);
transform-origin: left center;
transform: translateY(-50%) rotate(90deg);
border-radius: 1px;
}
.icon-eye {
width: 18px;
height: 11px;
border: 1.5px solid var(--text-muted);
border-radius: 50%;
position: relative;
display: inline-block;
flex-shrink: 0;
}
.icon-eye::before {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 6px;
height: 6px;
background: var(--text-muted);
border-radius: 50%;
transform: translate(-50%, -50%);
}
.icon-tag {
width: 9px;
height: 9px;
background: var(--accent);
transform: rotate(45deg);
border-radius: 2px;
display: inline-block;
flex-shrink: 0;
}
.icon-tag::after {
content: '';
position: absolute;
top: 3px;
left: 3px;
width: 3px;
height: 3px;
background: var(--bg-deep);
border-radius: 50%;
}
.icon-phone {
width: 14px;
height: 14px;
border: 1.5px solid var(--text-muted);
border-radius: 50%;
position: relative;
display: inline-block;
flex-shrink: 0;
}
.icon-phone::after {
content: '';
position: absolute;
top: -2px;
left: 50%;
transform: translateX(-50%) rotate(45deg);
width: 4px;
height: 4px;
background: var(--text-muted);
border-radius: 50%;
}
.icon-mail {
width: 16px;
height: 11px;
border: 1.5px solid var(--text-muted);
border-radius: 2px;
position: relative;
display: inline-block;
flex-shrink: 0;
}
.icon-mail::before {
content: '';
position: absolute;
top: -1.5px;
left: 50%;
transform: translateX(-50%) rotate(45deg);
width: 7px;
height: 7px;
border-top: 1.5px solid var(--text-muted);
border-left: 1.5px solid var(--text-muted);
background: transparent;
border-radius: 1px;
}
.icon-pin {
width: 12px;
height: 12px;
border: 1.5px solid var(--text-muted);
border-radius: 50%;
position: relative;
display: inline-block;
flex-shrink: 0;
}
.icon-pin::after {
content: '';
position: absolute;
bottom: -6px;
left: 50%;
transform: translateX(-50%);
width: 0;
height: 0;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 6px solid var(--text-muted);
}
.icon-person {
width: 14px;
height: 14px;
position: relative;
display: inline-block;
flex-shrink: 0;
}
.icon-person::before {
content: '';
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
width: 7px;
height: 7px;
border: 1.5px solid var(--text-muted);
border-radius: 50%;
}
.icon-person::after {
content: '';
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 10px;
height: 5px;
border: 1.5px solid var(--text-muted);
border-radius: 5px 5px 0 0;
border-bottom: none;
}
/* Hero 插图占位 */
.hero-illustration {
width: 100%;
height: 300px;
background: var(--bg-card);
border-radius: var(--radius-lg);
border: 2px dashed var(--border-light);
display: flex;
align-items: center;
justify-content: center;
position: relative;
overflow: hidden;
box-shadow: var(--shadow-hero);
}
.hero-illustration::before {
content: '';
position: absolute;
top: 20%;
left: 20%;
width: 60%;
height: 60%;
background: radial-gradient(circle, rgba(124, 58, 237, 0.3) 0%, transparent 70%);
border-radius: 50%;
}
.hero-illustration::after {
content: '';
position: absolute;
bottom: 18%;
right: 18%;
width: 40%;
height: 40%;
background: radial-gradient(circle, rgba(245, 158, 11, 0.2) 0%, transparent 70%);
border-radius: 50%;
}
.hero-illustration-inner {
position: relative;
z-index: 2;
display: flex;
flex-direction: column;
align-items: center;
gap: 16px;
}
.hero-illustration .deco-circle {
width: 60px;
height: 60px;
background: var(--gradient-primary);
border-radius: 50%;
box-shadow: 0 0 40px rgba(124, 58, 237, 0.5);
position: relative;
}
.hero-illustration .deco-circle::after {
content: '';
position: absolute;
top: -6px;
right: -6px;
width: 18px;
height: 18px;
background: var(--accent);
border-radius: 50%;
box-shadow: 0 0 20px var(--accent-glow);
}
.hero-illustration .deco-diamond {
width: 32px;
height: 32px;
background: var(--accent);
transform: rotate(45deg);
border-radius: 4px;
opacity: 0.7;
box-shadow: 0 0 30px var(--accent-glow);
}
.hero-illustration .deco-line {
width: 120px;
height: 2px;
background: linear-gradient(90deg, transparent, var(--primary), var(--accent), transparent);
border-radius: 2px;
}
.hero-illustration .deco-line.short {
width: 60px;
}
.hero-illustration .illustration-label {
font-size: 13px;
color: var(--text-muted);
letter-spacing: 1px;
text-transform: uppercase;
}
/* ========== Tags 标签区 ========== */
.tags-section {
background: var(--bg-body);
border-bottom: 1px solid var(--border-color);
padding-top: 18px;
padding-bottom: 18px;
}
.tags-container {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 10px;
}
.tags-label {
font-size: 13px;
font-weight: 600;
color: var(--text-secondary);
letter-spacing: 0.5px;
display: flex;
align-items: center;
gap: 6px;
margin-right: 4px;
}
.tags-placeholder {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.tags-placeholder a {
display: inline-flex;
align-items: center;
gap: 6px;
background: var(--bg-tag);
color: var(--text-secondary);
text-decoration: none;
font-size: 12px;
font-weight: 500;
padding: 6px 16px;
border-radius: 20px;
border: 1px solid rgba(124, 58, 237, 0.25);
transition: all var(--transition);
letter-spacing: 0.3px;
}
.tags-placeholder a:hover {
background: var(--bg-tag-hover);
color: var(--accent);
border-color: rgba(245, 158, 11, 0.4);
box-shadow: 0 0 18px rgba(245, 158, 11, 0.15);
}
/* ========== 正文区域 ========== */
.content-wrapper {
background: var(--bg-body);
padding-top: 40px;
padding-bottom: 48px;
flex: 1;
}
.article-body {
font-size: 16.5px;
line-height: 1.9;
color: var(--text-primary);
letter-spacing: 0.2px;
}
/* 正文内容样式(系统填充) */
.article-body h1,
.article-body h2,
.article-body h3,
.article-body h4 {
color: var(--text-primary);
font-weight: 700;
margin-top: 2em;
margin-bottom: 0.8em;
line-height: 1.4;
letter-spacing: -0.2px;
}
.article-body h2 {
font-size: 26px;
border-left: 4px solid var(--primary);
padding-left: 16px;
margin-top: 2.2em;
}
.article-body h3 {
font-size: 21px;
color: var(--text-primary);
}
.article-body h4 {
font-size: 18px;
color: var(--text-secondary);
}
.article-body p {
margin-bottom: 1.2em;
color: var(--text-primary);
}
.article-body a {
color: var(--primary);
text-decoration: none;
border-bottom: 1px dashed rgba(124, 58, 237, 0.5);
transition: all var(--transition);
}
.article-body a:hover {
color: var(--accent);
border-bottom-color: var(--accent);
}
.article-body ul,
.article-body ol {
margin: 0 0 1.2em 1.6em;
padding-left: 1em;
}
.article-body li {
margin-bottom: 0.5em;
}
.article-body blockquote {
margin: 1.8em 0;
padding: 20px 28px;
background: var(--bg-card);
border-left: 4px solid var(--accent);
border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
font-style: italic;
color: var(--text-secondary);
font-size: 15px;
letter-spacing: 0.3px;
}
.article-body blockquote p {
margin-bottom: 0;
color: var(--text-secondary);
}
.article-body img {
max-width: 100%;
height: auto;
border-radius: var(--radius-md);
margin: 1.8em 0;
box-shadow: var(--shadow-card);
display: block;
}
.article-body table {
width: 100%;
border-collapse: collapse;
margin: 1.8em 0;
font-size: 14.5px;
border-radius: var(--radius-sm);
overflow: hidden;
box-shadow: var(--shadow-card);
}
.article-body th {
background: var(--primary-dark);
color: #fff;
font-weight: 600;
padding: 14px 18px;
text-align: left;
letter-spacing: 0.4px;
}
.article-body td {
padding: 12px 18px;
border-bottom: 1px solid var(--border-color);
color: var(--text-secondary);
background: var(--bg-card);
}
.article-body tr:last-child td {
border-bottom: none;
}
.article-body code {
background: var(--bg-card);
padding: 2px 8px;
border-radius: 4px;
font-family: 'SF Mono', 'Fira Code', monospace;
font-size: 14px;
color: var(--accent);
border: 1px solid var(--border-color);
}
.article-body pre {
background: #0d0a16;
border: 1px solid var(--border-color);
border-radius: var(--radius-sm);
padding: 20px 24px;
overflow-x: auto;
margin: 1.8em 0;
font-size: 14px;
line-height: 1.7;
}
.article-body pre code {
background: none;
border: none;
padding: 0;
color: var(--text-primary);
}
.article-body hr {
border: none;
height: 1px;
background: linear-gradient(90deg, transparent, var(--border-light), transparent);
margin: 2.5em 0;
}
.article-body strong {
color: var(--text-primary);
font-weight: 700;
}
/* ========== 产品/服务推荐 ========== */
.products-section {
background: var(--bg-section-alt);
border-top: 1px solid var(--border-color);
border-bottom: 1px solid var(--border-color);
padding-top: 48px;
padding-bottom: 48px;
}
.products-section .products-placeholder {
max-width: var(--container-max);
margin: 0 auto;
padding-left: 24px;
padding-right: 24px;
}
/* ========== 相关推荐 ========== */
.related-wrapper {
background: var(--bg-body);
border-top: 1px solid var(--border-color);
padding-top: 48px;
padding-bottom: 48px;
}
.related-header {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 28px;
}
.related-header .deco-bar {
width: 4px;
height: 24px;
background: var(--gradient-gold);
border-radius: 2px;
flex-shrink: 0;
}
.related-header h2 {
font-size: 24px;
font-weight: 700;
color: var(--text-primary);
letter-spacing: -0.3px;
}
.related-posts-area {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
gap: 20px;
}
.related-posts-area .related-card {
background: var(--bg-card);
border-radius: var(--radius-md);
padding: 24px;
border: 1px solid var(--border-color);
transition: all var(--transition);
text-decoration: none;
display: block;
box-shadow: var(--shadow-card);
}
.related-posts-area .related-card:hover {
transform: translateY(-4px);
border-color: rgba(124, 58, 237, 0.5);
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.45);
background: var(--bg-card-hover);
}
.related-posts-area .related-card h3 {
font-size: 16px;
font-weight: 600;
color: var(--text-primary);
margin-bottom: 10px;
line-height: 1.5;
letter-spacing: 0.2px;
}
.related-posts-area .related-card .related-meta {
font-size: 13px;
color: var(--text-muted);
display: flex;
align-items: center;
gap: 8px;
}
.related-posts-area .related-card .related-meta .icon-clock {
width: 12px;
height: 12px;
border-width: 1px;
}
/* ========== 页脚 ========== */
.footer-wrapper {
background: var(--bg-deep);
border-top: 1px solid var(--border-color);
padding-top: 48px;
padding-bottom: 28px;
}
.footer-grid {
display: grid;
grid-template-columns: 2fr 1.5fr 2fr;
gap: 40px;
padding-bottom: 32px;
border-bottom: 1px solid var(--border-color);
}
.footer-col h3 {
font-size: 15px;
font-weight: 700;
color: var(--text-primary);
letter-spacing: 0.5px;
margin-bottom: 18px;
display: flex;
align-items: center;
gap: 8px;
}
.footer-col h3::before {
content: '';
width: 3px;
height: 16px;
background: var(--accent);
border-radius: 2px;
}
.footer-col p {
font-size: 14px;
color: var(--text-muted);
line-height: 1.8;
margin-bottom: 8px;
}
.footer-contact-item {
display: flex;
align-items: center;
gap: 10px;
font-size: 14px;
color: var(--text-secondary);
margin-bottom: 10px;
}
.footer-contact-item a {
color: var(--text-secondary);
text-decoration: none;
transition: color var(--transition);
}
.footer-contact-item a:hover {
color: var(--accent);
}
.footer-bottom {
padding-top: 24px;
text-align: center;
font-size: 13px;
color: var(--text-muted);
letter-spacing: 0.4px;
}
.footer-bottom .brand-copy {
font-weight: 600;
color: var(--text-secondary);
}
.footer-bottom .brand-copy a {
color: var(--primary);
text-decoration: none;
transition: color var(--transition);
}
.footer-bottom .brand-copy a:hover {
color: var(--accent);
}
/* ========== 响应式设计 ========== */
@media (max-width: 992px) {
.hero-inner {
flex-direction: column;
gap: 32px;
min-height: auto;
text-align: left;
}
.hero-text {
text-align: left;
}
.hero-visual {
flex: 0 0 auto;
width: 100%;
max-width: 420px;
}
.hero-illustration {
height: 220px;
}
.article-title {
font-size: 32px;
}
.footer-grid {
grid-template-columns: 1fr 1fr;
gap: 28px;
}
}
@media (max-width: 640px) {
.article-title {
font-size: 26px;
}
.article-meta {
gap: 14px;
font-size: 12.5px;
}
.footer-grid {
grid-template-columns: 1fr;
gap: 24px;
}
.related-posts-area {
grid-template-columns: 1fr;
}
.container,
.container-content {
padding-left: 16px;
padding-right: 16px;
}
.hero-inner {
padding-top: 28px;
padding-bottom: 28px;
}
.content-wrapper {
padding-top: 28px;
padding-bottom: 36px;
}
.article-body {
font-size: 15.5px;
}
}
首页 » 工商注册 » 新手第一次注册公司,我踩过的坑你千万别碰
新手第一次注册公司,我踩过的坑你千万别碰
2026-08-23 03:35:11
1057 次阅读
去年我第一次注册公司,打开政务网直接懵了。
核名、经营范围、注册资本、地址证明,一堆词砸过来。
我连第一步该点哪儿都不知道。
光核名就卡了我两天。
我想叫“星辰科技”,一查有37个重名。
后来改成“星野科技”才过。
新手一定多备几个名字,别死磕一个。
注册资本我一开始填了500万。
当时觉得数字越大越有面子,反正现在认缴不用实缴。
结果做财务的朋友提醒我,认缴不等于不缴。
我另一个朋友公司注册资本填了2000万,客户觉得风险太高,合同直接黄了。
我赶紧改回50万,够用就好。
注册地址我图便宜,找了1200元一年的挂靠地址。
执照倒是顺利下来了。
但银行开户时,客户经理上门核查,发现地址没人办公。
开户被拒1次,只能重新找实际办公位。
后来换了2200元一年的地址,开户才过。
这800块差价,我花得特别值。
经营范围我一开始把能想到的全勾上。
结果税种核定多了两个,每季度多报一次税。
后来才知道,经营范围不是越多越好。
写主营业务和未来可能涉及的就行。
银行开户也踩坑。
执照下来第3天我就去银行,结果说要预约,排了12天。
问代办才知道,部分支行可以走绿色通道,3天搞定。
建议先去银行问清楚,别傻等。
税务报到我拖到第28天才去。
规定是执照下来30天内要报到。
如果逾期,一天罚50元,钱不多但影响信用。
新手一定记好时间。
你第一次注册公司,是卡在核名还是开户?
有没有因为注册资本填太高,后来后悔过?
评论区聊聊,我帮你看怎么补救。

抖音广告
贵阳抖音推广|抖音广告投放|抖音代运营|同城短视频获客产品介绍
了解详情
腾讯广告
贵阳腾讯广告|微信朋友圈推广|微信投流精准获客产品介绍
贵阳腾讯微信广告、微信朋友圈推广投流是贵州玖柒零科技有限公司核
了解详情
小红书广告
贵阳小红书推广|小红书广告投放|小红书账号代运营|本地种草获客产品介绍
了解详情
代理记账
贵阳代理记账、贵阳公司注册、贵阳商标注册、贵阳财税代办是贵州玖柒零科技有限公司核心企业服务产品。作为专业靠谱的贵阳财税公
了解详情
快手广告
贵阳快手推广、贵阳快手广告、贵阳快手代运营是贵州玖柒零科技有限公司新媒体营销核心业务。作为本土专业的贵阳快手公司、贵阳快
了解详情
GEO推广
贵阳GEO推广、贵阳AI推广、豆包推广、DeepSeek推广、Kimi推广、元宝推广、文心推广是贵州玖柒零科技有限公司全
了解详情